How To Create a Contact Us Page | Add A Contact Us Page.

Contact us page is a necessity for any website or blog, because it make it easier for visitors and customers to interact with you.

 

Another good thing about Blogger contact us  form, is the deliver ability. Whenever a visitor sends you a message through contact us form, it drops immediately into your inbox as an admin, and if a Blog site has more than one admin, it will be delivered  to all the admins. 

Adding a contact us bar  to Blogger site is very easy, al you need to do is add the contact me gadget to sidebar layout and save (not recommended). 

Using the above option, isn't a professional thing to do, it is.advisable that you create a contact us page and add  it  to a  link list, maybe somewhere in the footer. So that when visitors click it, it will refer them to the contact page.(recommended)

I will show you the few simple steps you need to take to setup a contact us page.

This will be done in few steps like I said, continue reading.

Step 1:  Go to Blogger.com Dashboard, navigate to pages, and create a new page. 

Step 2:  Copy the code below, and paste it in your page editor 

 

<div class="container">
  <form action="action_page.php">
    <label for="fname">Full Name</label>
    <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />&nbsp;</form><form name="contact-form">

    <label for="lname">Email</label>
    <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" /><br>
 
    <label for="country">Country</label>
    <select id="ContactForm1_contact-form-name" name="country">
      <option value="australia">Australia</option>
      <option value="canada">Canada</option>
      <option value="usa">USA</option>
       <option value="nigeria">Nigeria</option>
       <option value="germany">Germany</option>
       <option value="india">India</option>
       <option value="pakistan">Pakistan</option>
    </select>

    <label for="Message">Message</label>
    <textarea class="contact-form-email-message" cols="50" 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" /><span/><br /><p></p>

<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>

</form>

</div>



<!--End Contact Form Code-->

Step 3:  Preview the page, you can edit the code to match you website style, design if you have basic CSS knowledge. Publish the page.

 

Step 4: Now that the page is published, you need to add it's link to a place where visitors can easily locate it, like site Footer. 

 

Go to Layout, in the layout, scroll down to Footer area, you will see Link list, open it and create a new list. Give it a title like Contact Us, then paste the page link in the link section.

 

 

 

                  

 

Successfully you just created a contact us page and also added it to Footer menu, if you would also like to add it to your site's  header menu, repeat the same step, by choose the header link list, or main menu in layout.

Fore more post related to Blogging/Blogger, <Click Here>

If you benefited from this post, please kindly share it with your friends on social media.

Follow us on TWITTER

Follow us on  REDDIT

Like us on.     Facebook