How To Create Contact Us Form On Blogger

 Creating or having a contact us page is one of the untold criteria for Adsense eligibility. In this article, I'll explain in detail how to create or include a contact us page on your blog. 

Before I proceed, Let's look at the benefit of having a contact us page.

Some of the benefits: 

1️⃣ It will enable your visitors to reach out to you fast

2️⃣ It will also make you attend to the needs of your visitors faster

3️⃣ It builds a relationship between you and your visitors

4️⃣ It will make your visitors addicted to your site due to the already-established relationship

5️⃣ It increases your daily views

6️⃣ Your site can easily be referred to others.

Let's look at how to create or add the contact us page to our blog now. I will be explaining it in two methods

Method 1

The use of already written codes. This is the codes below. You dont have to write any yourself again. Highlight and copy this code below. Then follow the steps below:

1 Go to the page section of your blogger in the left hand side. Look at the picture below. It will help you locate it faster.

2 Click on the (+) plus sign to create new post

3️⃣ Paste the codes you copied below in the mpty space and write Contact Us as the title.

4️⃣ Publish it as post and click on the shared button. Copy the contact us published post  and  go the layout section of the blogger

5 Click on add new gadget and click on  the links among the displayed gadgets.

6️ Turn it on and click  on add new. Paste the link you copied in the space written site url and in the site name write Contact us.

7 click on save and also click on the last save.

8 finally click on save on the geeral page of the layout section.

9Refresh and go back to your website and you will see your contact us button in your website.

<div class="widget ContactForm" id="custom_ContactForm1">

<div class="contact-form-widget">

<p>Get in touch with us by filling out the form below.</p>

<div class="form">

<form name="contact-form">

<p></p>

Name

<br />

<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" 

value="" />

<p></p>

Email

<span style="font-weight: bolder;">*</span>

<br />

<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" 

value="" />

<p></p>

Message

<span style="font-weight: bolder;">*</span>

<br />

<textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" 

name="email-message" rows="5"></textarea>

<p></p>

<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" 

type="button" value="Send" />

<p></p>

<div style="max-width: 222px; text-align: center; width: 100%;">

<p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>

<p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>

</div>

</form>

</div>

</div>

<div class="clear"></div>

<span class="widget-item-control">

<span class="item-control blog-admin">

</span>

</span>

<div class="clear"></div>

<a class="quickedit" 

href="//www.blogger.com/rearrange?blogID=8799058979810298021&amp;widgetType=ContactForm&amp;widge

tId=ContactForm1&amp;action=editWidget&amp;sectionId=sidebar-right-1" onclick="return 

_WidgetManager._PopupConfig(document.getElementById(“ContactForm1" target="configContactForm1" 

title="Edit">

</a></div>

Method 2

You will not be needing the code above

Just follow the steps below

1 Go to the layout section of your blogger

2 Click on Add new gadget

3 Go through the gadget and below you will see the contact form

4 Click on it and add it to your website. 

5 That's all and you will have your contact us page on your website.

Please fill out the contact us page. Comment and share the article. Thanks for reading.