How To Add Blogger Contact Form To Contact Us Page

After publishing “Blogger Contact Form Widget Installation Guide” last week, I have been receiving several mails from Bloggers who would prefer to embed the Blogger contact form on a separate Page instead of adding it to their blog sidebars. I decided to try the trick I used in creating the “Archive” page on my blog and it worked fine.

So, if you don’t want to add the Blogger contact form to the sidebar of your blog but would want it to appear on a specific page eg “Contact Us” page, then this tutorial is for you.  If you also don’t want the contact form to appear on all the pages of your blog, this tutorial will also help you out. You can see a demo here.

How To Get Started

STEP 1: Create a dedicated page for the contact form

==> Log in to your Blogger dashboard at
==> Click on “Pages” > “New Page
==> Enter “Contact Us” or anything else as the title of the Page
==> Click “Options” and select the box for don’t allow comments
==> Click on “Publish
==> Take note of the URL of this new page eg. You can copy it somewhere.

STEP 2: Drag the Blogger contact form widget to the main section in Layout

==> If you already have the Contact form on your blog’s sidebar or footer, drag it to the main section in Layout
==> If you don’t, go to “Layout” and click on “Add a gadget“, click on “More Gadgets“, click on “Contact Form” and Save.

See also :   How To add Breadcrumb Navigation to Blogger/Blogspot

Important! Drag the widget down under the posts in the main section so that it won’t show up in the source code before the content.

==> After dragging it to the main section, click the “save arrangement” button.

STEP 3 : Hide the Contact Form from other pages and the main widget from “Contact Form” page

==> Back up your template!
==> Go to “Template” > “Edit HTML
==> Click inside the html and use CTRL F to find this piece of code ]]></b:skin> or, in some templates this one ]]></b:template-skin>
==> Copy the following code and paste right under it:

<b:if cond=’data:blog.url == &quot;;’>
#Blog1 {display:none;}
#ContactForm1 {display:none;}

NOTE: Replace the code in red with the URL of the “Contact Us” page created earlier.

Preview and save your template.

If saved successfully, view the URL of the “Contact Us” page and you should see the contact form right there on the page. If you check your blog sidebar, you shouldn’t see the contact form there anymore.

That’s all.

I hope it works for you. 

NOTE: If you change your blog address after implementing this trick, make sure you update the html with the new address of the “contact us” page.

Please Share :

Written by Jide Ogunsanya

Pro Nigerian Blogger, Digital Marketer and Web designer. I help business owners to grow their businesses online. You can join my Facebook Group here.


Leave a Reply
  1. Thanks Ogbonge Blogs. This information is very useful for me. Hopefully I will get more information or your blog. If you do not mind, you can visit my blog to discover the latest places to eat, the best in Vietnam. My blog:

    Thanks a lot…

  2. Nice info. though i already hv a contact form in my blog and i really like it. Pls ogbongeblog, how do u get this ur rad more button. i want mine to be like urs. thanks…

  3. Bro i have done it all but the form still shows in all the pages both homepage.. how do i correct it to show only in contact us page? and other recommendation for my blog..

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

  • Millionaire Reveals How You Can Make Millions Doing What You LoveRead More
  • Free Ebook Explains How To Design WebsiteDownload Now
  • We can help you ship items from Amazon USA to NigeriaMore Info
  • Do you want to ask some questions?Click To Ask

Buy FootBall Jerseys Online in Nigeria

Download Free Islamic App Collection from Apple iTunes Store