How To Add Contact Form on Contact Us Page in Blogger (Step by step Tutorial)
- Get link
- X
- Other Apps
How To Add Contact Form on Contact Us Page in Blogger (Step by step Tutorial)


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.
Adding Contact form on blogger sidebar
Steps for Adding Contact form on blogger sidebar
Step 1. Open blogger and click on ‘Layout’ section.
Step 2. On blogger Sidebar click on “Add a Gadget”.
Step 3.Here click on More Gadgets.
Step 4. Click on Contact Form
Step 5. Click on save to save Contact Form in 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 Hiding Contact form on blogger sidebar are given below
Step 1. Open blogger again and click on Theme
Step 2. Click on Edit HTML
Step 3. Here first click on Jump to widget and then click on ContactForm1.
Step 4. Click on the black arrow ( as show in picture) to expand the code
Step 5. Again click on black arrow ( as show in picture) to expand the code further.
Step 6. Remove the portion in between the code <b:includable id='main'> and <b:include name='quickedit' />
Step 7. Click on save theme and now it will hide sidebar Contact form.
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.
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.
Step 3. Now Download and copy the code given below.
Step 4. Now click on HTML section.
Step 5. Now paste the code on the HTML section
Step 6. Now click on save and that's it.
In this way you can easily create contact us form in contact us page.
- Get link
- X
- Other Apps
Comments
Post a Comment