Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Simple Way To Create Contact Form For Blogger On Static Page Using HTML Code

In my Previous blog post, I explain. What are the Essential things you need to follow after your Blogger Blog goes live? There I told you to Create Some Pages for your blog like About, Privacy Policy, Contact, Terms of Service, Disclaimer and related types of pages and described why they are important.

Having a Contact US Page / Contact Form on your blogger blog is highly important respect of other pages.  It is about how visitors, brands, and companies can reach you and it is something that every blogger should have. If sharing your email address on your blog is not your cup of tea, a contact page can serve as an easy way for others to get in touch.

Blogspot doesn't support plugins like WordPress that's why most of the blogger user does is to seek the help of third-party sites (123contactform, foxyform, jotform, etc.).

So, today in this tutorial I will show you the simplest way to add blogger's contact form in blogger pages with the help of custom HTML Script. Just follow my steps below.


Adding a Contact Form to Blogger Static Page

Step 1: First, go to the Blogger Dashboard

Step 2: Now go to Pages and click on New Page button (see the image below)


Step 3: Firstly before doing anything else, type the title what you want. Please note that the title you choose there the first time will generate permalink as per your title and after publishing, you cannot be able to change them later. Let give me a hint I choose title Contact Us, so permalink generated -  mydomain/p/contact-us.html

Step 4: Now turn on the Html mode on page editor by clicking on HTML button right side to the Compose button and remove there all HTML code lines appearing there.

Step 5: Now it's the time to Copy the Custom HTML Script and Paste on HTML Page Editor section. Click on Copy all code area to copy the HTML script and then in HTML editor area press Ctrl + V button to paste the code successfully. (to see Blogger Contact Form HTML Code Unlock the content by FB like or Twitter Share)
[Demo ##eye##]
[lock]
[

Name







Email Address important









Content important









 
































]
[/lock]

Step 6: Now setup additional Page Setting. Write down your description in Search Description box then click on Options and do setup as showing given images.

Step 7: Click on Publish button.

Step 8: Done!

Why Blogger's Custom Contact Form is better than Official and Third Party Blogger Contact Form?

  • Only HTML Script used to generate this Contact Form. No need to add CSS or HTML on your template file.
  • You Can easy to setup on your Blogspot blog by simply doing copy-paste.
  • Stylish interface makes it pretty and easy for anyone to contact you
  • Instant message delivery. You will receive your message as soon as someone sends it.
  • Responsive so it can be fit perfect on mobile, PC and tablet devices.
  • Easy to Customize with text, color, width and height
  • User Can see notification after sending messages, i.e., delivered successfully or not
  • No Limit to access, you don't need to pay for using this service. It's completely free for Blogspot
So, these are my tutorial on How to Add Contact Form in Blogger Static Page. Hope you like this Stylish Blogger Contact Form. In my next tutorial, I will share another beautiful Custom HTML Contact Form Script with material design Effect. So please subscribe our newsletter for getting our next update.


This post first appeared on ShareTrick : Premium Sharing And Download Center, please read the originial post: here

Share the post

Simple Way To Create Contact Form For Blogger On Static Page Using HTML Code

×

Subscribe to Sharetrick : Premium Sharing And Download Center

Get updates delivered right to your inbox!

Thank you for your subscription

×