How To Add Contact Form In Blogger

It could be a little boring or tricky task to create contact us form for blogger. As we don’t have automated plugins as WordPress offers, and the default contact form of Blogger looks quite boring.

But is important so that the readers could easily connect with the Admin. Moreover, by creating a contact form you keep a door open for the opportunities.

If someone has a query or any deal for you, they can contact you by this email form.Here we will look into how to add a Contact Form to the blogger.

How to Add Contact Form in Blogger

Step 1. Login into the Blogger.com,
Step 2. Navigate to the page section and click on the “New Page” button. to add contact form to blogger page.
Step 3. Give a name it as “Contact us” or “Contact Me.” as you would like it to appear in the menu.
blogger page
Once contact us form page gets successfully get created. It can be seen in the Pages Section.
contact me

Step 4. Now edit the same page(by clicking on edit, just below it).
Step 5. Switch to the “HTML” mode from Compose and paste the Contact Form HTML code provided below.

The page will look something like the below page.

Link

Download the contact form code for blogger

Download the .txt file here for the above code.

Step 5. As the code is been replaced, Click on Publish.

Yes, you have created a contact us form, just one more step to get it working we need to link the page with the contact menu.

Step 6. Switch to Blogger Dashboard and navigate to the Template – and click on Edit HTML.

Template

Step 7. Now, search for “Contact Us,” Press Ctrl + F on your keyboard and hit input Contact Us and hit enter. The code will look something like the below image.

href
Step 8. So now the next step is to “View” the “contact Us” page and copy the URL,

Step 9. 
Paste the URL between the quotations(‘ ‘) and click on save the template.We are done, and now you can view your blog to test whether the contact menu is working. We can also embed contact form by creating in Google forms.If you are not sure about how to create a google form and embed it, thins link will work for you Embed Google Form.

Please do let me know if you find any difficulty in the entire procedure, will be happy to help.

 Also Read: How To BackUp and Restore Blogger Template

2

3 Responses

Leave a Comment

Share
Tweet
+1
Stumble
Share