How do I add a contact form (contact us page) to my blog?

But today, you're going to learn how to add an official contact us page in Blogger.

• How do I create a privacy policy page for a blog?

As I said earlier, it is possible to insert third-party code into new pages like a walk in the park. However, the official contact form is far better than that.

The benefits of the official blog format

1. You will get the message as soon as you send it. And, the capacity is 100% as well.

2. Simple UI that makes it easy for your audience to connect with you.

3. If you know the Cascading Style Sheets (CSS) language, it will be easy for you to customize the form to your liking.

4. The entire page doesn't get reloaded for sending messages.

I've divided this tutorial into three parts, adding the Contacts widget, which hides and implements a new page of official code.

Part - 1: Adding Contacts Widget

Follow the steps given below to add Contact Us to your blog widget.

Step 1: Visit blogger.com and log into Latest Mailing Database your account. If you run multiple blogs, you need to select the desired blog from the list.

Step 2: Click Layout to get an option from the left column to add widgets.

Step 3: You can see the Add right widget link on the main panel. Clicking it will bring you a list of widgets.

Step 4: Then, select More widgets from the left . You will now see a contact form . Just add the same.

Part - 2: Hidden Gadgets

Now you will learn how to hide the Contacts widget.

Step 1: We need to play with the template section here. So click on Templates from the menu on the left.

Step 2: Then, click Edit HTML and you will get the entire code in one big area with your blog.

Step 3 : Search for ]]> </B:skin>, just place the code below.

DIV#ContactForm1 { ! display: none important; }

Then, click Save to keep the changes.

After step three, you won't see your blog contact widget.

Part - 3: Adding the Contact Form to the Page

Here you will get the official custom blog contact form code to add to display on a separate page.

Step 1: Open Pages and click New Page.

Step 2: After it removes everything, insert the following code into the HTML editor and paste it.

Step 3 : Add a title (like Contact Us), then change to the following to give the correct settings.

Step 4 : Finally, click on the Publish button. that's it.

These messages from this contact form will be delivered to the administrator's email. If the blog has multiple admins, they will all get it.

See also:

• Incredible Blog Tips - Take Your Blog From Zero to Hero

• Ultimate Image Optimization Tips for SEO

wrap up

I hope you now know how to add a contact us page to your blog. If you find zero difficulties after a streak of good news, I recommend reinstalling the Contacts widget.

And yes, if you have enough knowledge in dealing with CSS and JavaScript snippets, you can go and customize the page for a better visual appeal.