Create Contact Us Page for Blogger – Complete Guide 2022

This article will discuss how to create a contact us page for the Blogger blog with a form in one click.

The Contact Us page allows the website users to communicate with the team directly. The user can send his query, doubt, feedback, or questions using the Contact Us form page provided on a website. You can provide a Contact Us Form, email, or telephone on the Contact us page.

Contact us form for Blogger blog.

Blogger allows you to add a Contact Us form gadget in the sidebar or footer section of the blog. But it does not look professional, so a dedicated contact us page should be there.

Generate HTML code for Contact Us Page.

To generate the Contact us page for the Blogspot blog, provide the BlogID in the below field. And the application will create an HTML code. You have to add the code below in your page’s “HTML” section.

Please provide the blog ID and Token ID to generate a contact us page with the Form for the Blogger blog. If you don’t understand what is it, please read how to find it.

Enter Your Blog ID and Token ID Below

Enter Blog ID
Enter Token ID

Find the Blogger blog ID.

Log in to Blogger Dashboard, and now check the URL of it. You can see a similar URL as displayed below. Copy the number identical to highlighted one from your Blogger address(URL).

Find Blogger ID on New Blogger Interface
Blogger ID for Blogspot

So you’ve now blog ID, enter this with YourBlogID in the following input box. This box will generate a Contact Us page HTML script for the Blogger blog.

How to Get Token ID?

Earlier we don’t need this token, but in a recent update, Blogger required Token ID for the contact form page. Follow the steps to get Token ID:

  • Go to the Layout Section of the Blogger blog,
  • Add a new contact us form widget on any section of your website, and save the changes.
  • Visit the homepage of the blog, and check the source code of the website using “ctrl+U”.
  • Now search for the term Token, here you’ll see Token ID as displayed below. Copy the Contact Form Token and paste in the input form above.
  • After generating the contact us page, you can remove the form from the layout.
find-token for blogger contact us page
Token ID Code will look like the above

Please note, if you’ve disabled unwanted JavaScript and CSS on Blogger. The token ID will not be visible. You’ve to temporarily enable JavaScript to get your token ID.

How to Add Contact Us Page for the Blogger blog?

  1. Visit your Blogger blog and copy blog ID.

    You’ve to log in to the Blogger blog and check the URL, where you can find your blog ID.

  2. Enter Blog ID in the field provided above and Generate Contact us Form

    After getting the blog ID, paste that into the field provided above and click on generate Contact us form button. Copy the code and paste that to the Blogger page.

  3. Publish Contact Us Form

    After pasting the code in HTML mode, publish the content as a contact us page.

You’ve to copy the generated script and paste it on the Blogger blog in HTML mode as guided below.

Create a Blogger Page

To paste the above script, you must enable the HTML mode on the page.

Create A new Page in Blogger
Create A New Page in Blogger
  1. Visit Blogger Dashboard, Click on Pages
  2. Now Click on Create New Page.
Blogger Page Edit HTML Page
Blogger Page Edit HTML Page
  1. Enter Title of the Contact Us page.
  2. Click on the edit (pencil symbol) to switch to HTML mode.
  3. Paste the code generated using the above button and publish.

You can now try sending the email address. You’ll receive all emails on the email address linked with Blogger.

Working? You can appreciate our work with your comment below.

Blogger Contact Us Page Not Working? Try This.

If the Contact Us doesn’t work, then you should check the Blogger ID is correct. And also, check your Gmail spam folder for the email.

Please note that this Contact Us form will work with custom domain names and the subdomain domain. And also, this code will work even if you have disabled the footer default javascript of the Blogger website.

Final Words

In this article, we understood how to create a Contact Us form page for the Blogger blog in 1 click using the Contact Us form generator. I hope you liked this article. In case of any doubt, feel free to ask in the comment section provided below. Thank you 🙂

Additional Info: If you want to give your Blogger blog a premium look, you can install our, BloggerMag or Oyedad Premium Theme for Free. These are advanced SEO-friendly themes.

Ashok Kumar

Ashok Kumar working in the Search Engine Optimization field since 2015. And worked on many successful projects since then. He shares the real-life experience of best SEO practices with his followers on You also can learn Advance level SEO for WordPress, Blogger, or any other blogging platform. Stay tuned.


  1. working thanks bro, godl bless you, if u put in only blogid in one place it works for you and you will recieve the email has been sent from your blog to straight your gmail, but i have one question: How can i change red color of the send button thank you

  2. this worked but I have a “share button” at the top of the form and an “email post” at the bottom of the form .. help please how do I remove those

  3. hi yes changed all the red, and changed the blog id , I am using the “emporio ” template I have tried adding the code manually, and via “advanced add css” even if I get the contact form on there the send button doesn’t work. I ended up putting a google docs contact form on the site, but I will have another crack at it , and try your solution again , I tried different broswers too. this template doesn’t like being changed

  4. OMG Finally!!! ^_^ I tried like 5 codes and yours is the only one that really works! And logical too because the others were not mentioning about the blogger ID. One did, but no message notices and when I tested it still wasn’t sending any message! Thank you so much!

  5. Thanks so much, I have been looking for this form and its code for so long for my blog, it looks way more professional. Thanks a million

  6. Hi, The contact us form was working , but now getting this message ” Message could not be sent. Please try again later.” kindly look into and update accordingly.

  7. i am very happy and i really appreciate your hard work to help us your idea and content makes me feel better and when i read i go on to know that this post was really helpful. want to create contract page in blogger that receives mail on gmail then

  8. Thank you for this. It works if using the laptop. But it doesn’t work on mobile and iPad. Hope there’s a solution to this. Thanks.

Leave a Reply

Your email address will not be published.

Back to top button