Today, our learning outcome is how to add stylish contact us page to your website or blogger. These forms play a key role to make your website decent. Newbie bloggers ask me what is the benefit of this form. They requested me to write an article on this topic. Actually, these forms make your website look professional. If you have not added contact us form, your website may not look professional. The visitors who visit your website daily always want to hear from you. So, you must add this form in your website.

EMAIL VS CONTACT US FORM 

Newbie bloggers always prefer email because they don't know how to add contact us page in their website. If you have added this form on your website, visitors can get help from you by writing their problems on this form and send it easily. If you have provided email instead of adding form then they need to write a separate email to send it you. The visitors find hesitation in doing so. If you have not added this form, they will simply move to next website.  

ADDING SIMPLE CONTACT US PAGE

First of all, You must know how to add a simple contact us widget to your blogger. It's very simple to add this widget to your blogger. Newbie Blogger are unable to add this form because they are unaware of the dashboard of the blogger. Blogger is a very simple platform to make a website or a blog. 

Follow these simple steps to add contact us Widget:

  • Navigate to your blogger dashboard.
Contact-Us-Widget
  • Click on layout section of dashboard.
  • Add a gadget as shown in the above snapshot.
  • Click on "+" to add contact us form in the side bar.
  • You have successfully added simple contact us form in the sidebar of your website.
Contact-Us-Widget

   ADDING CONTACT US PAGE IN BLOGGER   

In the previous section, I have told you how to add contact us gadget to your blog. Now, I'm going to tell you how to add a simple contact us page to your website. Whenever, visitor will use this form, you will directly get messages to your mail. Follow this simple snapshot to add this page to your website. 
  • First of all, navigate to your blogger dashboard.
  • Move on to pages section of the dashboard as shown in the given screenshot.
  • Now, you need to create a new page.
  • Paste the code in html section of your page. 
  • Publish the page to add the contact us form to your website.
  • If you unable to copy the given code, you can email me to get that code.
Contact-Us-Page
Create-Contact-us-Page

<form name="contact-form">
<div>
Your Name : </div>
<input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
<br />
<div>
Your Email: <i>(required)</i></div>
<input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
<br />
<div>
Your Message: <i>(required)</i></div>
<textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea> <br />
<br />
<input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /> <div style="max-width: 450px; text-align: center; width: 100%;">
<div class="contact-form-error-message" id="ContactForm1_contact-form-error-message">
</div>
<div class="contact-form-success-message" id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>

STAY TUNED WITH US TO GET MORE UPDATES!!!