How to Create A Customized Blogger Contact Us Page with Custom/Business Email

Last Updated: November 27, 2016
0

The Contact Us page is one of an essential page to have on your website. It plays an integral part of a website allowing users, the customers, investors, or perhaps advertisers to get in contact with you. As a business owner, having a contact Us page converts users into potential customers for your business. Contact us page is mainly for website visitors to reach your business easily. Nowadays, most websites owners only place their email address on their contact us page. This is not good enough, the contact page has to be effective and have contact forms for easy communications.
custom contact us page

Demo: http://www.techlus.com/p/contact.html

Did you have a Blogger Blog and will like to include a custom contact form on your contact us page? I will be discussing about that today. Even if you have a business email this contact form will work perfectly for you. One importance of ths form is that the message will be delived to you once the message ws sent on your website there won't be any delay at all. Now let's get started:

How to create Contact Form Widget on Blogger

For us to add a contact us page on blogger, the easiest and fastest way is to add contact form widget first. After that we will move the widget to a custom page.
1. Go to Blogger Dashboard ==> Layout
adding a gadget in blogger into blogger blogs
2. Click on any of the "Add a Gadget". A popup will showup just go to more gadgets section and choose Contact Form.
how to add contact form gadget on bloger
3. Just add it without changing the title.
4. Now go to Template >> Edit HTML on your Dashboard.
How to Edit blogger templates
5. Search for ]]></b:skin> and place the below code just before the ]]></b:skin>

search for code in blogger templates
The code is just to hide the contact form since we will be making use of it on a page.

How To Add the Contact Form to Your Blog Contact Page

1. Go to Pages section on your blogger dashboard.
2. Create a New Page by clicking on new page at the top.
how to create a page on blogger dashboard
3. Put Contact Us in the Page Title field and copy the below code to the main content text area.
editing a blogger blog page


Now Visit your contact page and test your contact form.

How to Send Blogger Contact Form Messages to Business Email/Custom Email

The contact form will send messages to your blogger Gmail account by default. Did you have a business or custom email (e.g. [email protected]) you will like to direct the contact form messages to???
If you will like to receive your contact form messages to your business email or custom email follow the steps below:
1. Login to your Blogger Gmail Account
2. Locate the search field at the top and search for "Blogger Contact Form"
3. On search result page it will show all blogger contact form messages you have received. Anyway, that's not where we are heading to.
4. Go back to the search text area, you will see a small arrow pointing down just before the search button. Click on it.
small-arrow-pointing-down
5. Look at the bottom right of the dropdown, click on create filter with this search
redirect mail messages to business email
6. Another page will slide out, look for forward it. If you have the email address there before you will have the option to select the mail but if you haven't click on add forwarding address.
add forwarding address Gmail
7. While on the forwarding address page, click on add a forwarding address. Input your business email address in the popup that show up. e.g. [email protected] as shown in the image. Click on Next, another popup will show just click on Proceed.
click to add forwarding address
add a forwarding address
8. Now you have to confirm you own the business email you are adding, a mail will be sent to the address. Login to your business mail and locate the Google conformation email. You can follow activation link in the mail or you make use of the activation code. After activation you have options either to save a copy of the contact form mail messages in your Gmail or to delete them, choose anyone you prefer and save settings.
forwarding email address on Gmail
9. After successfully adding and confirming the business email, go back to the search text area at the top enter blogger contact form as the search keyword and click the drop-down arrow located before the search button.
10. Look at the bottom right of the dropdown, click on create filter with this search
11. Another page will slide out, look for forward it. Then choose the email address you will like to forward all contact form messages to.
forward contact form messages to business email
12. Click on create filter button located at the bottom right. And you will be provided with a success message as in the image below.
Gmail filter was created
From now on once someone contacts you on your blog the message will be sent directly to your business email as well. I will be happy to hear back from you. Kindly drop me a comment below and don't forget to share this article.

Previous articleThe Best Freeware for Your PC and Other Devices
Next articleHow to Stop or Disable Windows 10 Automatic Updates on Your Computer
Ogunrinola Adam Hiidee is an Enthusiast Tech. Blogger and a Civil Engineering student. I like surfing through the Internet and gains a lot from this by increasing my knowledge. You can connect with me and I would love to have you connected.

LEAVE A REPLY