What is a Contact Form?

A form that a visitor on your website fills out to reach out to you it can be for any purpose like complaining or reaching out for some questions. Contact form is a very useful element and you can also use it as a Widget. You can also use the Contact form on your Contact Us page as it gives your website a more professional look and has a great impact on your website as the user feels safe while surfing on your website. In Wordpress it only takes some clicks or you can use a plugin to install the Contact form but unfortunately, it is not same for the Blogger. To add a Contact form in Blogger you need to add a custom HTML code. Like me, not a lot of people are HTML experts so changing your Blog's HTML code can harm it in many ways if you're not a Professional. Don't change anything in your HTML code as it has nothing to do with a contact form and it might disturb the whole Website. Today you will learn about how to create a contact form in Blogger as well as about how to add a contact form in your contact us page.

What will the Contact Form Do for Blogger?

We will make a fully functional contact form on Blogger which sends the message directly from your use to your email on which you've admin access to that particular blog. Every blog has its own contact form you cannot use one contact form on all of your bloggers as this will be very confusing. Because you don't get to know the source of the problem or the purpose for which the visitor contacted you. The contact form will help your visitors to directly contact you about any problem they have got. This is also very helpful as it gives users a safe environment. Every blog or website must have its contact form.

How to add a Contact Form in Blogger that works?

To add a contact form in your blogger main page or usually called "Home Page" you need to follow the following steps listed below :

Open "Blogger.com".
Select the blog on which you want to add a contact form.
Click "Layout" on the left Menu.
Scroll down to find a section named "Sidebar". You can add this in any section you want depending on your blog theme but Sidebar is preferable.
Click on "Add a Gadget" and a prompt will pop up select "Contact Form" and add it by clicking on it.

Full Tutorial Step-by-Step using images :

Click on Layout

Goto Sidebar Section and Click On "Add a Gadget"

Click on the Contact form And Add it

Overview of the Contact Form

Overview of how you will receive the message

How to Add the Contact form on Contact Us page :

Now, add a contact form to the contact us page. First of all, you need to create a contact form on the Home Page of your blog by following the instructions above.

Once you create a contact form on your home page. Open your website drag your cursor to the contact form Right-click on it and select "Inspect Element"
Find "<div class="widget ContactForm" " and right-click on it. Select "Edit HTML".
Now copy the whole code. Go to your blog and open "Pages" If you don't have a contact us page create it.
Then click on the pencil icon on the upper left side of the Menu and select "HTML view".
Now simply paste the code there and click on save. That's it you now have a fully functional contact form on the contact us page. You can add it to any post or page on the blog you want.