Hey readers, do you want to create a contact us page on Blogger?

Then you are coming to the right place today. Today we are giving a perfect guide about how to create a contact us page on Blogspot? So, follow all the steps carefully to make a contact form like this👇.

Create A Contact Us Page on Blogger
Preview | Contact Us Page

Let jump to our today’s blog title on how to create a contact us page on Blogspot.

As we know, blogger is a product of Google Inc. So, Google always tries to provide their product free or less in price.

Read This:- How to Start a Blog in 2022 – Ultimate Beginners Guide

Blogger is also totally free, and they don’t provide features like WordPress because it is Free. We want to add some professional features to the blogger. Then we need to do some custom changes to Blogspot Website.

So, today we are doing or creating a custom contact us page on the Blogspot website.

Why do we want to create a contact us page on blogger?

We should create a contact us page because it gives your reader to connect with you. A reader wants to ask their queries, but the website does not have any contact section. Then the reader will jump to other websites. And you may lose your readers. So, you must create a contact us section on your website.

Some disadvantage of not creating a contact form.

  • You lose your readers/customers.
  • Your reader does happy with your website or product.
  • Your customer queries do not get an answer.

Way to Create A Contact Us Page on Blogspot?

We have already explained that why we need the contact us page on blogger. Now, we will discuss the possible way of creating a contact us form on the Blogpost.

Step 1. Create a page by giving the name of what you want.

Be careful by giving a name if you have done any mistake at giving a name then you have to face some problem at permalinks or slut.

Step 2. Go to Blogspot post-panel, see on the right side there have options Edit HTML.


Click on the Edit HTML options and you can edit your blog post at HTML formed.

Contact Us Page

Step 3. Copy the code From Below.

<div class="contact-form-widget page-contact-form">
<div class="form">
<form name="contact-form">
Name: <span id="required">*</span><br />
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
E-mail: <span id="required">*</span><br />
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
Message: <span id="required">*</span><br />
<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Submit" />
<br />
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">

Step 4. Paste code Like this👇

Code apply

Step 5. Publish Your Page.

Congratulation, you have to create a successful custom contact us page on Blogspot.

Final Thoughts

Thank you So much for giving your time to read a whole blog. We also have another blog if you want to check it out. Explore More Blog. If you found any problem related to this contact form. Then please comment down. We are always ready to help Bloggingcrow readers.

You like this blog post and want to share it with your friends. Then, please.

If you liked this article, then please subscribe to our YouTube Channel for video tutorials. You can also find us on Instagram and Twitter.

Leave a Comment

Your email address will not be published. Required fields are marked *