How To Add Contact Form (Contact Us Page) in Blogger
Blogger has limited features and also does not support plugin like WordPress. Since it is very hard to customize the blogger so in such a case adding a contact form on blogger becomes a tedious task.
By default blogger also provides you a contact form gadget which is an official blogger form.
Most of the Blogspot bloggers also take the help of the third-party sites to add a custom contact form on blogger. Here a contact page is created and code from the third-party site is inserted.
You are going to learn how to add both official blogger contact form and custom contact form on the blogger.
But before adding a contact form, you must know what is the difference in adding an official contact form and a custom contact form on blogger.
The Benefits of Blogger Contact Form
- 100% Free, safe and no security issues.
- Easy to add on the blog.
- No need to add a separate page.
- You will get the message as soon as someone contacts you.
- The entire page is not reloaded for sending the message.
- Unlimited form submission
The Benefits of Custom Contact Form
- A contact page is created to add a custom contact form that grows your brand.
- Makes your contact form more stylish.
- Easy to add multiple fields in your contact form.
- You can receive contact messages in any email address you want.
Add Custom Contact Form on Blogger
Creating a contact page on blogger by inserting some script is done using an online form builder or form creator.
Contact form generator sites for blogger:
Follow these steps to create a contact form using JotForm.
Step1 – Sign up & go to the JotForms dashboard.
Step2 – Click the create form button.
Step3 – Choose the Classic Form (all fields on one page) or Card Form layout (one field per page).
Step4 – Next, choose whether you want to start from scratch, use a template or import a form. I recommend using a blank template to add multiple fields as necessary.
Step5 – Click on Add Form Element and start adding fields for your contact form.
Step6 – Under the Setting tab you can choose from language and many more.
Step7 – Finally when your contact form is completely built, click on Publish tab to publish your contact form.
Step8 – Click on the Platforms tab and select a blogger option.
Step9 – Copy & paste the code to add your form into the blogger. Finally, your custom contact form is visible on the contact us page.
Add Blogger Contact Form
Inside the Layout option, the gadget section has an official contact form gadget. You can use this contact form gadget only in a sidebar or footer but not in your contact us page.
Step1 – Click the Layout tab on your blogger dashboard.
Step2 – You can see an Add a Gadget box on the sidebar right section.
Step3 – Clicking on Add a Gadget will bring you to a list of gadgets.
Step4 – You can see a Contact form gadget. Click on the “+” sign to add it.
If you want to create a contact us page on blogger with official blogger contact form gadget then in the HTML editor of contact us page copy and paste the following HTML contact form code.
I hope this article helps you to know how to add contact us page in blogger. Make sure you have turned off the comment section on your contact us page.
If you have any problem with blogger contact form like zero deliverability even after success message then try reinstalling the contact form widget.