How to Create Custom Contact Form (Contact Us Page) for Bloggers

A contact us form or contact us page is a must have widget for every professional blogger and website owners.
custom contact form for blogger wordpress
A contact form allows you to engage and interact with your customer or readers more quickly. Adding a contact form to your blog is really easy and simple.

There are many websites that offers custom contact us form generator tool for bloggers. All you have to do is, visit their website, customize & generate the HTML code of the form and paste it to your site and you’re done!

Why Do I Use Contact Form?

Contact form allows your website or blog visitors to easily contact you by entering their email address, name and the message they wants to convey. These contact form will help your users in many ways.
  • They can easily clarity all of their doubts.
  • They can easily contact you for any business purpose.
  • Having a contact form increases their trust.
  • This process can save lots time for you & your visitors.
  • It helps to increase engagement between you and your readers.
  • Show your professionalism and make your site user-friendly.
These are some of the reasons for having a beautiful designed contact form on your site.

How to Add Simple Contact Widget to Blogger?

Do you know that blogpost site do provide a contact gadget for your blog. To add it to your site, follow below steps:

1. Go to Layout page on your blogger dashboard and Click on add a gadget.
adding simple contact widget to blogger

2. Now go to more gadgets and add the contact form.
Adding contact widget to blogger
3. Add a title and click save.
Adding simple contact gadget to blogger

How to Add Contact Us Form to WordPress?


Note: If you are using free version of Wordpress.com site, you cannot install other plugins to your site. To add a plugin your need upgrade your plan.

In Wordpress, you will get free contact form with Jetpack plugin, but if you don't like that old classic form, you can easily replace it with a beautiful designed contact form.

All you have to do is install a contact plugin to your site & you're done! To add a contact plugin to your site, perform below steps:

1. Visit your Wordpress dashboard & click on Plugins, and search for WP forms.
Adding contact us form to wordpress
2. Open the form plugin, click install and activate it & you're done! Now customize your form & add it to your pages to let others see your contact form.
Add contact us form to wordpress

How to Add Custom Contact Form to Blogger?
To add custom designed contact form on your blog, follow simple below steps:

1. Visit 123 contact form and sign up with their basic free plan using your Gmail account ( you can also sign up via your Facebook account).
Adding custom contact form to blogger
2. After verifying your email ID, go to My forms page and click on Create your first form.
Add custom contact form to blogger

3. Now in the new form page, tap on contact & lead form and customize your form using their drag & drop feature.
Adding contact form to blogger
4. Once you're done customizing your form, click on publish form and choose your blogging platform, where you want this form to appear. Tap on Blogger and copy the JavaScript code.
Add stylish contact form to blogger
5. Visit blogger dashboard and click on Layout page.

6. Tap on Add a gadget & select HTML/JavaScript widget.

7. Add a title, paste the copied code & click save.

If you don't how to add HTML codes to blogger widget, read my below post.

• Blogger Widgets: The Killer Guide for Adding HTML Codes to Blogger

How to Add Custom Contact Form to your Blogger Page?
Adding the contact form to your page is very simple. Copy the above contact form code & paste it to your Blog page & you're done! To add the codes to your blog, perform below steps:

1. Copy the above contact form code and visit your blogger dashboard.

2. Click pages & tap on add new page.

3. Add a title (Contact me or us) and click on HTML mode & paste the copied codes, click publish.
Adding contact form to blogger page
Conclusion
By performing above steps, you can easily add Custom Contact us form to your blog. Having a simple contact form on your blog will help you provide better user experience to your visitors to easily let them contact you from your blog.

Like this tutorial? Share it with your friends & family members.

No comments:

Recently Published Posts