How to Make an Awesome Contact Us form Page for Your Blogger Blog

March 29 2021 - Here you can see that how to create a responsive and unique contact us page in blogger or in blogspot and approved website by adsense.

Do you know how much role contact form plays in our life? Contact form has become very important in today's time, if it was not there then we would never contact anyone, on the website. The contact form is a way to communicate directly with the site owner.

We create Blogger Contact Form so that we keep our website professional and tell us how to talk with users & solve theirs queries.

Let me understand you with an example, see, when you read the content of someone's website and you like that content, then you do guest posts on his website, then you do guest posts to him through his contact us form and he will be accepting your guest post easily with the help of contact us form. If the contact us form is accepted,  that is why the contact form is very important on your website.

Do you know how to apply for a contact form in blogger, if not then today we are going to explain to you about the contact form and we will also tell you in full detail how to apply for a contact form on the blogger website so that your website looks professional and also likewise Got it so that there is no problem in getting approval from him? And you can earn.

For Adsense Approval, the Important things were Contact Us, AboutUs, Terms&Conditions(optional), PrivacyPolicy, Disclaimer, etc... 

I am going to teach you how to make a responsive contact form in blogger easy. If you want to communicate with your readers or know more about them, then a simple contact form is the best solution for bloggers because it is easy and faster to implement, and what’s more important – free.

How to create responsive contact us page for bloggers?

Create Contact Us in blogger

If you want to create a custom responsive contact us page on the blogger website, then  you have to follow some steps:

Step1) The first step is to create a page in blogger and name the title "Contact Us."

Step2) Now Copy & Paste the below code on the Page you named a Contact Us Page.
<div class="contact-form-widget"> <div class="form"> <form name="contact-form">
<p>Name</p><input class="contact-form-name" id="ContactForm_contact-form-name" name="name" size="30" type="text" value="" />
<p>Email<span style="font-weight: bolder;">*</span> </p><input class="contact-form-email" id="ContactForm_contact-form-email" name="email" size="30" type="text" value="" />
<p>Message<span style="font-weight: bolder;">*</span> </p><textarea class="contact-form-email-message" cols="25" id="ContactForm_contact-form-email-message" name="email-message" rows="5"></textarea>
<input class="contact-form-button contact-form-button-submit" id="ContactForm_contact-form-submit" type="button" value="Send" />
<div style="max-width: 222px; text-align: center; width: 100%;"> <p class="contact-form-error-message" id="ContactForm_contact-form-error-message"></p><p class="contact-form-success-message" id="ContactForm_contact-form-success-message"></p></div></form> </div></div>
<script src="" type="text/javascript"></script>
<script type="text/javascript"> window['__wavt']='AOuZoY4PUAjvdPMazQDQJXJCrDFxkBfenw:1546660985916';_WidgetManager._Init('//','//','7540951749985955556');_WidgetManager._SetDataContext([{'name':'widgets','data':[{'title':'Contact Form','type':'ContactForm','sectionId':'sidebar2','id':'ContactForm'}]}]);_WidgetManager._RegisterWidget('_ContactFormView',new _WidgetInfo('ContactForm','sidebar2',document.getElementById('ContactForm'),{'contactFormMessageSendingMsg':'Sending...','contactFormMessageSentMsg':'Your message has been sent :) ','contactFormMessageNotSentMsg':'Message could not be sent. Please try again later.','contactFormInvalidEmailMsg':'A valid email address is required.','contactFormEmptyMessageMsg':'Message field cannot be empty.','title':'Contact Form','blogId':'7540951749985955556','contactFormNameMsg':'Name','contactFormEmailMsg':'Email','contactFormMessageMsg':'Message','contactFormSendMsg':'Send','submitUrl':''},'displayModeFull')); </script>

Note: you have to replace this code with your blog post-Id as shown in the given below image

Replace This Code with your blogger ID Code

Step3) Now paste this code into the Page section & Preview your page, then Publish your Page, So it Looks like this as shown in a given image.

Demo: Contact Us Page




Why do we have to create Contact Us Page?

There are several reasons why we have to create a contact us form in blogger. Firstly, it will help you to build relationships with your subscribers. Relationships are the foundation for trust, which is a vital component of word-of-mouth marketing. Next, it will make your blog more useful to visitors and help you find out what actions you should take on your blog. Contact us form gives you another opportunity to showcase your message smartly.

We have to create a blogger contact form because it is essential to know what users want to tell blog authors. Many users may ask or suggest something about the blog, but the author will not know anything until they create a form. It is possible that someone is complaining about a blog post or just thanking for valuable information.

What are the Advantages of the Contact Us form on your website?

When you have a contact us page in blogger, it'll be easier to get Adsense approval because Google will check this page too.

Placing a contact us page in your blog helps you to build a community surrounding your blog. Your readers can post comments on this page and get in touch with you about any questions or concerns they may have.

If you want your blog to look professional and like a business, then adding a contact page to your blog is a great idea.

If you put a contact form on your website, people will submit their information to you.

Most of the Sponsor & guest post users are contacted through your contact us form. This is the best advantage of having one on your website.

Final Verdict

Contact forms are what keeps us in touch with our website users and visitors. Many websites have contact forms integrated into their blogs or websites. Business websites have contact forms for inquiry, support, and feedback.  However, the most excellent way to make the contact form is to integrate it into your blog or website.

If your friends like this article, they will be more likely to share it with their friends. That way, your friends can also enjoy the benefits of this article.
A blogtriggers is a platform that has information regarding in blogging and SEO in blogging journey for people who want to start their blogging career.


  1. Sir firstly I want to thank you for this post and knowledge 😊 and secondly I want to say friends if you want to know making and proffesional contract from that user sumbit froms came in your Gmail section and you can coprate with them can you can also use this way for better expirence
  2. Very nice and clever but no matter what settings I alter, the sizes stay the same, nothing like your demo
  3. Pls after changing all this, where will i see all the message sent to me?
    1. When you do all changes all this you will see this message on your email where you have connected through blogger
  4. Good
Hire Me