How to add Blogger Contact Form in Contact us page

It’s a frustrating job when I try to add contact form in my blogger contact us page. Since, by default blogger only provides a widget to add contact form in your side bar therefore you need some coding techniques to add it inside your contact us page. However you can find those coding by searching on internet but for me the problem arises when my submit button was not working. All of my fields are working fine except submit button. It was the most frustrating time that I had ever faced. I worked for 2 hours to add that contact form in a page but at last the result was noting. At last I thought of adding my own contact form instead of using blogger’s form and then I found a way to add a perfect working blogger contact form in contact us page.
Before learning the trick to add contact form inside of your contact us page lets learn to add it in the sidebar.

How to add Blogger Contact Form in Side Bar

Before starting this guide I hope that you are logged in inside of your dashboard.
Step 1: Click on Layout tab which is available in your dashboard and then click on Add a Gadgets which you can see after clicking on Layout.


Step 2: After Clicking on Add a Gadget a new window will pop up showing you different kinds of gadgets that you can add to extend your blog functionalists. Click on More Gadgets and now you can see contact form, add it and then click on Save arrangement.

It’s over now you can see a perfectly working blogger contact form in your side bar.

Now, let’s get started and learn the trick to add a working blogger contact form inside of your contact us page.

How to add blogger contact form inside contact us page

The contact form that I am going to add inside of my blogger contact us page is provided by a third-party website foxyform. Just go to that link and create a form.
So, the question is how to create a contact form?
Just follow these steps and learn to create a perfect contact us form for your blogger blog.
Step 1: Select the required field that you want to include inside your form. For example I want to add Name, Email and subject therefore I will select those fields.

Step 2: Select the color of your form according to your website color scheme or leave it as default.

Step 3: Insert the email address where you want to receive your message and type the captcha and then click on Create Formular


Now you will receive a code for your contact us page copy that code and go to your blogger dashboard.
Step 4: Create a new page from Pages>New Page and give the title as Contact Us.

Step 5: Edit the page in HTML mode and paste the code that you have copied already.

Save it and now you have added a perfect working blogger contact form in contact us page. Below you can see the screenshot of its demo message.

Video guide to add blogger contact form

Conclusion

However, you can add the default blogger contact form in the sidebar of your blog but I don’t think its good practice to add a contact form in the sidebar. Since, you need some coding to add that form inside of contact us page and to replace that issue I used foxyform as an alternative of default contact us form.

Share this article with your friends.

• Facebook
• Twitter
• Google+
• Pinterest
• StumbleUpon
• Dig
• LinkedIn