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.
Table of Contents
Adding Contact form on blogger sidebar
Steps for Adding Contact form on blogger sidebar
Step 1. Open blogger and click on the ‘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 the 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
Step 2. Click on Edit HTML
Step 3. Here first click on Jump to a widget and then click on ContactForm1.
Step 4. Click on the black arrow ( as shown in picture) to expand the code
Step 5. Again click on the black arrow ( as shown 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 the 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 a new page to create a page, else if you already create a contact page then click on edit.
Step 3. Now Download and copy the code given below:
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.