How To Add Contact Form Widget To Blogger

How To Add Blogger Contact Form Into A Page

In last tutorial, I showed you how to add Blogger’s official contact form to your Blogger blog. You can also add Blogger contact form into a page of your Blogger website. It will work absolutely fine and it will not break anything. Let me show you how:

[alert style=”red”]Note: In order to add contact form to a page, you first need to add the contact form widget to the sidebar of your Blogger.[/alert]

Hiding Contact Form From Your Sidebar

First, we need to hide the default contact form from your Blogger’s sidebar widget. Navigate to your Dashboard > Template > Edit HTML. Search and paste this code just above ]]></b:skin>:

Save your template.

Adding Contact Form To A Page

Now, we will add the contact form to a static page of your Blogger blog. Navigate to your Dashboard > Posts, and click on New Page and select Blank Page.

Now, in your blank page, click on HTML option to switch to HTML editor mode. Add following code and publish your page:

That’s it! You can also customize the contact form with custom CSS styling or jQuery.