Home / Top & Best / How To Add Contact Form on Contact Us Page in Blogger

How To Add Contact Form on Contact Us Page in Blogger

How To Add Contact Form on Contact Us Page in Blogger

Add Contact Form on Contact Us Page in Blogger: Adding contact us form is very important for a professional blog. Contact us page help visitor or brand to contact the blog owner for anything related to this website like advertising, query, gadget reviews or any suggestions.

Most of the blogger use third-party sites (Like foxyform, 123contactform, jotform etc) for adding contact us form on their blog.

But in this article, I will show you the official way to add contact us form on Contact Us Page in Blogger. First, I will show you how you can add contact us form then show how you can add Contact us form on Contact Us Page in Blogger.

How To Add Contact Form on Contact Us Page in Blogger
 

Adding Contact form on blogger sidebar

Steps for Adding Contact form on blogger sidebar

Step 1. Open blogger and click on the ‘Layout’ section.

 
Adding Contact form on blogger sidebar
 

Step 2. On blogger Sidebar click on “Add a Gadget”.

 
Adding Contact form on blogger sidebar
Step 3. Here, click on More Gadgets.
 
Adding Contact form on blogger sidebar
 

Step 4. Click on Contact Form

Adding Contact form on blogger sidebar
 
Step 5. Click on save to save Contact Form in the blogger sidebar.
Adding Contact form on blogger sidebar

Now to add contact us form on contact us page, we first need to follow the above steps then hide sidebar contact form Gadget.

Hide sidebar contact form Gadget

Steps for the Hiding Contact form on blogger sidebar are given below

Step 1. Open blogger again and click on Theme

 
Hide sidebar contact form Gadget
 
 
 Step 2. Click on Edit HTML
 
Hide sidebar contact form Gadget
Step 3. Here first click on Jump to a widget and then click on ContactForm1.
 
Hide sidebar contact form Gadget
Step 4. Click on the black arrow ( as shown in picture) to expand the code
 
Hide sidebar contact form Gadget
Step 5. Again click on the black arrow ( as shown in picture) to expand the code further.
 
Hide sidebar contact form Gadget
 
Step 6. Remove the portion in between the code  <b:includable id=’main’> and <b:include name=’quickedit’ />
 
Hide sidebar contact form Gadget
 
Step 7. Click on save theme and now it will hide sidebar Contact form.
 
Hide sidebar contact form Gadget
 
 

Adding Contact form on contact us page

Steps for adding the contact form on contact us page are given below

Step 1. Again go to blogger and click on pages.

 
Adding Contact form on contact us page 
 

Step 2. Now if you already not create a page then click on a new page to create a page, else if you already create a contact page then click on edit.

Adding Contact form on contact us page 
 

Step 3. Now Download and copy the code given below:

Contact Form Download Code Link

Step 4. Now click on HTML section.
 
Adding Contact form on contact us page 
 
Step 5. Now paste the code on the HTML section
 
Adding Contact form on contact us page 
 
Step 6. Now click on save and that’s it.
In this way, you can easily create contact us form in contact us page.

Also Read: How to Add Web Push Notification on Blogger

You can also watch Step by step video  tutorial on “How To Add Contact Form on Contact Us Page in Blogger”


Finally, we hope this article can help you to understand “How To Add Contact Form on Contact Us Page in Blogger”. If you really think this article helps you then don’t forget to appreciate our efforts in the comments below. For more blogging tutorials, stay connected with us.

For the latest tech news & blogging Tutorials, follow TECH FOR U on TwitterFacebook, and subscribe to our YouTube channel.

About Admin

Check Also

Best free screen recording software in 2019 || TECH FOR U

Best free screen recording software in 2019: There are lots of screen recording software available …