How To Add Contact Form (Contact Us Page) in Blogger

Blogger has limited features and also does not support plugin like WordPress. Since it is very hard to customize the blogger so in such a case adding a contact form on blogger becomes a tedious task.

By default blogger also provides you a contact form gadget which is an official blogger form.

Most of the Blogspot bloggers also take the help of the third-party sites to add a custom contact form on blogger. Here a contact page is created and code from the third-party site is inserted.

You are going to learn how to add both official blogger contact form and custom contact form on the blogger.

But before adding a contact form, you must know what is the difference in adding an official contact form and a custom contact form on blogger.

The Benefits of Blogger Contact Form

  1. 100% Free, safe and no security issues.
  2. Easy to add on the blog.
  3. No need to add a separate page.
  4. You will get the message as soon as someone contacts you.
  5. The entire page is not reloaded for sending the message.
  6. Unlimited form submission

The Benefits of Custom Contact Form

  1. A contact page is created to add a custom contact form that grows your brand.
  2. Makes your contact form more stylish.
  3. Easy to add multiple fields in your contact form.
  4. You can receive contact messages in any email address you want.

Add Custom Contact Form on Blogger

Creating a contact page on blogger by inserting some script is done using an online form builder or form creator.

Contact form generator sites for blogger:

  • foxyform
  • jotform
  • 123contactform

Follow these steps to create a contact form using JotForm.

Step1 – Sign up & go to the JotForms dashboard.

Step2 – Click the create form button.

JotForm dashboard

Step3 – Choose the Classic Form (all fields on one page) or Card Form layout (one field per page).

contact form layout

 Step4 – Next, choose whether you want to start from scratch, use a template or import a form. I  recommend using a blank template to add multiple fields as necessary. 

contact form template

Step5 – Click on Add Form Element and start adding fields for your contact form.

add fields on your contact form

Step6 – Under the Setting tab you can choose from language and many more.

Step7 – Finally when your contact form is completely built, click on Publish tab to publish your contact form.

Step8 – Click on the Platforms tab and select a blogger option.

blogger platform Jotform

Step9 – Copy & paste the code to add your form into the blogger. Finally, your custom contact form is visible on the contact us page.

Add Blogger Contact Form

Inside the Layout option, the gadget section has an official contact form gadget. You can use this contact form gadget only in a sidebar or footer but not in your contact us page.

Step1 – Click the Layout tab on your blogger dashboard.

Step2 – You can see an Add a Gadget box on the sidebar right section. 

blogger layout

Step3 – Clicking on Add a Gadget will bring you to a list of gadgets.

Step4 – You can see a Contact form gadget. Click on the “+” sign to add it.

blogger contact form

If you want to create a contact us page on blogger with official blogger contact form gadget then in the HTML editor of contact us page copy and paste the following HTML contact form code.  


I hope this article helps you to know how to add contact us page in blogger. Make sure you have turned off the comment section on your contact us page.

If you have any problem with blogger contact form like zero deliverability even after success message then try reinstalling the contact form widget.

Bipin Milan

Experienced Blogger with a demonstrated history of working in the e-learning industry. Skilled in Search Engine Optimization (SEO), Web Content Writing, WordPress, HTML, and Web Development. Strong marketing professional with a Bsc CS IT focused in Information Technology from Tribhuvan University, Institute of Science & Technology.

Leave a Reply

Your email address will not be published. Required fields are marked *