How To Add Contact Form Page In Blogger With 100% Working

Adding a contact us form in Blogger is a tedious task as it does not support plugins like WordPress.
What most of the Blogspot bloggers does is to seek the help of third-party sites (foxyform, jotform, 123contactform, etc.).
Blogger Contact Form Page But today, you are going to learn how to add official contact us page in Blogger

The Benefits of Official Blogger Form

You will get the message as soon as one sends it. And, the deliverability is 100% as well.
The simple interface makes it easy for the visitors to contact you.
If you know Cascade Style Sheet (CSS) language, it will be easy for you to customize the form as per your liking.
The entire page will not get reloaded for sending the message.

And this tutorial is so easy

Part 1: Creating the Contact Page

Follow the steps given below to add a contact us page on your blog.

Step 1: Visit blogger.com and log in to your account. If you are running multiple blogs, you need to choose the desired blog from the list.

Step 2: Go to Pages and click on New page.

Step 3: Paste the following code into the HTML post editor after removing everything in it.

Change The BlogID with Your BlogID
To Find Your BlogID Check Your Blogger Url
ex.=https://www.blogger.com/u/1/blogger.g?blogID=XXXXXXXXXXXXXXXXXXXX#allposts
Copy Your blogID And Paste it In Contact Form Code

Step 4: Add a title (like Contact Us) and then change the settings given right as given below.

Step 5: Finally, click the Publish button. That’s all.
The messages send from this contact form will be delivered to the admin email. If the blog has more than one admin, all of them will get it.

Your Contact Page looks like

If you want reCAPTCHA
let me know in comments below
reCAPTCHA Tutorial COMING SOON

Test2

How To Add Contact Form Page In Blogger With 100% Working