Blogger to Web Look

'How To' Tutorials

'How To' Tutorials

Joomla Tutorials

Joomla Tutorials

Blogger Tutorials

Blogger Tutorials
Loading...

How to Make a Contact Page in Blogger


Add a contact for to your blog is one of the great way to your readers to interact with you.  

Here's an easy way to make a contact form in Blogger -- using Google Drive (formerly Docs). I learned how from Blogger Xpertise, but I tweaked its instructions to make it even easier to create a contact form. I have also updated it for Google Drive:   


Step 1: Create the Contact Form 

  • Go to Google Drive --> Create ---> Form. You will get this screen:
  • Give your form a name, like "Contact Me" or "What's On Your Mind?"
  • Create questions, which will be the fields in the form. The three basic questions I use are: Name, Email, and Comments. Choose from the drop down menu the type of comment each question requires: Name and Email use "text" comments, and Comments are "paragraph text." You can choose which questions are mandatory.
  • Preview the form by clicking "View Live Form."



Step 2: Get the html code

After you are satisfied, click "Send Form." Click "Embed." Google will give you an html code to copy. You can change the size of the form based on your blog template. Mine looks like this:

Step 3: Create Your Contact Page on Blogger
  • Go to your "Contact Me" page (or create one) on your blog. (Go to Posting --> Edit Pages). Open the "Edit HTML" tab and paste the code from Google Drive.
  • Preview how it will look on your blog. You can adjust the width of the form at this stage too. 
  • Publish. My contact form looks like this:


Step 4: Make Sure You are Notified When Someone Uses the Form

  • Go back to your Google Drive form and click on, "Choose response destination" and click, "create a new spreadsheet." When someone fills out the contact form, the information will go into the spreadsheet. Turn on email notification:
  • Go back to Google Drive and click on your form. A spreadsheet will open. Click Tools --> Notification Rules.
  • Check the box "a user submits a form" and "email-right away." Save.
  • That's it.  Go ahead and test it by sending yourself a comment. 



Next
This is the most recent post.
Older Post

0 comments:

Post a Comment

 
Toggle Footer
TOP