How To Add Contact Form on Contact Us Page in Blogger (Step by step Tutorial)

How To Add Contact Form on Contact Us Page in Blogger (Step by step Tutorial)

maxresdefault%2B%25282%2529


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 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.
b1

Adding Contact form on blogger sidebar

Steps for Adding Contact form on blogger sidebar

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

b1

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

b1

Step 3.Here click on More Gadgets.

b1

Step 4. Click on Contact Form

b1

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

b1


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 Hiding  Contact form on blogger sidebar are given below



Step 1. Open blogger again and click on Theme



b1


Step 2. Click on Edit HTML


b1
Step 3. Here first click on Jump to widget and then click on ContactForm1.

b1

Step 4. Click on the black arrow ( as show in picture) to expand the code

b1

Step 5. Again click on black arrow ( as show in picture) to expand the code                  further.

b1

Step 6. Remove the portion in between the code  <b:includable id='main'> and <b:include name='quickedit' /> 


b1

Step 7. Click on save theme and now it will hide sidebar Contact form.

b1

Adding Contact form on contact us page

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

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

b1

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

b1

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


Step 4. Now click on HTML section.

b1

Step 5. Now paste the code on the HTML section

b1

Step 6. Now click on save and that's it.

In this way you can easily create contact us form in contact us page.

Comments

Popular posts from this blog

How to Manually Install a WordPress Plugin?

CS:GO tips: Counter-Strike: Global Offensive guide 2020

How to Install and Activate WordPress Plugins in 3 Easy Steps