How to Create a Contact Us Page in Blogger

A Contact Us page in Blogger gives visitors a clear way to reach you for questions, support, business inquiries or other important messages.

Unlike a normal blog post, a Contact page should be created as a static Blogger Page. This keeps it separate from your regular articles and allows you to add it permanently to your website navigation.

This guide explains how to create a Contact Us page in Blogger, what information to include, how to add a contact form and how to display the page in your navigation menu.

How to create a Contact Us page in Blogger and add it to the navigation menu

Why Your Blogger Website Should Have a Contact Page

A Contact page gives visitors an official place to communicate with the website owner.

It can be useful for:

Customer support
Template or product questions
Advertising inquiries
Business opportunities
Feedback
Technical support
General questions

It also looks more professional than forcing visitors to search through your website for an email address.

Use a Blogger Page, Not a Blog Post

Blogger provides two main types of content:

Posts
Pages

Posts are designed for articles that appear in your blog feed.

Pages are better for permanent website information such as:

About Us
Contact Us
Privacy Policy
Terms and Conditions

Your Contact Us page should therefore be created under the Pages section.

Step 1: Create a New Contact Page

Then go to:

Blogger → Pages

Click:

New Page

Enter the title:

Contact Us

Step 2: Add Your Contact Page Content

Your Contact page does not need to be complicated.

Start with a short explanation such as:

Have a question or need help?

Use the contact details or form below to get in touch with us. We will respond as soon as possible.

You can then include the contact methods that are appropriate for your website.

What Information Should a Contact Us Page Include?

Depending on your website, you can include:

Business or website name
Support email address
Contact form
Business location
Phone or WhatsApp number
Social media profiles
Expected response time

You do not need to publish private personal information.

Only include the contact methods you actually want visitors to use.

Simple Contact Us Page Example

A basic Contact page could look like this:

<h2>Contact Us</h2>

<p>Have a question, need support or want to discuss a project? Get in touch with us using the details below.</p>

<p><strong>Email:</strong> support@example.com</p>

<p>We normally reply as soon as possible during working days.</p>

Replace the example information with your own business details.

Should You Display Your Email Address Publicly?

You can display a business email address when direct email communication is important.

However, publishing an email address openly can make it easier for automated systems to collect it for spam.

If you prefer not to display your email publicly, use a contact form instead.

Option 1: Use Blogger's Built-In Contact Form

Blogger provides an official Contact Form gadget.

You can add it from:

Blogger → Layout → Add a Gadget → Contact Form

The standard form provides basic fields such as:

Name
Email
Message

For complete setup instructions, see our Blogger Contact Form widget guide.

Important: The Contact Form Is a Gadget

Blogger's built-in Contact Form is a Layout gadget rather than a normal block that you simply insert from the Page editor.

If you want the official Blogger Contact Form to appear only on your Contact Us page, the template normally needs to be configured so that:

ContactForm1

is displayed only when the Contact page is being viewed.

This requires a small Blogger template visibility condition.

Option 2: Embed a Google Form

If you need more fields than Blogger's basic Contact Form provides, Google Forms is another option.

For example, you can create fields for:

Name
Email
Phone number
Subject
Type of inquiry
Message

After creating the Google Form, use its embed code inside the HTML view of your Blogger Contact page.

This can be useful for support requests, quotations and structured customer inquiries.

Step 3: Preview the Contact Page

Before publishing, click:

Preview

Check:

Heading
Contact details
Form width
Links
Mobile layout
Spelling

If you included a form, test it after publication to make sure submissions work correctly.

Step 4: Publish the Contact Us Page

When everything looks correct, click:

Publish

Blogger will create a static page URL that commonly looks similar to:

https://www.example.com/p/contact-us.html

Open the published URL and confirm that the page works correctly.

Step 5: Add Contact Us to the Blogger Navigation Menu

Publishing a page does not always mean it automatically appears in your website menu.

Go to:

Blogger → Layout

Find the:

Pages

gadget.

Open its settings and add or select:

Contact Us

Save the gadget and then save your Blogger Layout.

Where Should the Contact Link Appear?

Common locations include:

Main navigation menu
Footer navigation
About section

For most websites, a simple navigation structure could be:

Home
About
Blog
Contact

If your primary navigation is already crowded, the Contact link can also appear prominently in the footer.

Contact Page vs Contact Form Widget

These are not exactly the same thing.

Feature	Purpose
Contact Us Page	A permanent page containing your contact information and contact options
Contact Form Widget	A Blogger gadget that allows visitors to submit a message

A professional Contact page can contain the Contact Form widget, but it can also include other information such as your email address, location or support instructions.

Keep the Contact Page Simple

A Contact Us page usually does not need a long introduction.

Visitors opening this page generally want to know:

How can I contact you?
What information should I provide?
When can I expect a response?

Answer those questions quickly.

Avoid adding unnecessary paragraphs simply to make the page longer.

Add Support Instructions When Necessary

If your website sells products, templates or services, ask customers to include useful information with their message.

For example:

For template support, please include:

• Template name
• Website URL
• Order or transaction reference
• Short description of the issue

This can reduce unnecessary back-and-forth messages and help you provide support faster.

Don't Ask Visitors to Send Passwords

Your Contact page should never encourage customers to send:

Google passwords
Domain registrar passwords
Two-factor authentication codes
Recovery codes

If technical access to a Blogger site is required, use Blogger's official author and administrator invitation system instead.

See our Blogger Admin access guide.

Make the Contact Page Mobile Friendly

Test the Contact page on a smartphone.

Make sure:

Form fields fit the screen.
Text remains readable.
Email links are clickable.
Buttons are easy to tap.
Embedded forms do not overflow horizontally.

If a form extends beyond the screen, responsive CSS may be required.

Why Is My Contact Page Not Showing in the Menu?

Creating and publishing a Blogger Page does not necessarily add it automatically to your navigation.

Check:

Blogger → Layout → Pages

and confirm that the Contact page has been added or selected.

Then save the Pages gadget and the overall Layout.

Why Does My Contact Page Show but the Form Does Not?

If the static page works but the Blogger Contact Form does not appear, remember that the Contact Form is a separate widget.

Check:

ContactForm1 exists in Layout.
The widget is enabled.
The page visibility condition is correct.
The theme is not hiding the form with CSS.

Test the widget without the page condition if you need to determine whether the form itself is working.

Contact Us Page Checklist

Open Blogger → Pages.
Click New Page.
Title the page Contact Us.
Add a short introduction.
Add your preferred contact details.
Add a contact form if required.
Preview the page.
Publish it.
Open Blogger → Layout.
Add Contact Us to the Pages navigation.
Save the Layout.
Test the page on desktop and mobile.
Send a test message if a form is included.

Questions About Blogger Contact Us Pages

How do I create a Contact Us page in Blogger?

Go to Blogger → Pages → New Page, enter Contact Us as the title, add your contact information or form, preview the page and click Publish.

Should Contact Us be a post or a page in Blogger?

Use a static Blogger Page. Contact information is permanent site content and normally should not appear as a regular dated article in your blog feed.

How do I add Contact Us to my Blogger menu?

After publishing the page, open Blogger → Layout, edit the Pages gadget, add or select the Contact Us page and save the Layout.

Does Blogger have a built-in contact form?

Yes. Blogger provides a Contact Form gadget under Layout → Add a Gadget. It can be used as part of a Contact Us setup.

Can I use Google Forms on a Blogger Contact page?

Yes. Google Forms can be embedded when you need additional fields or more structured information than Blogger's basic Contact Form provides.

Why isn't my Contact page visible in Blogger navigation?

Publishing a Page and displaying it in navigation are separate steps. Open the Pages gadget in Blogger Layout and make sure the published Contact Us page has been added to the menu.

Final Recommendation

Create your Contact Us section as a static Blogger Page and keep it simple.

Provide the contact methods your visitors genuinely need, add Blogger's Contact Form or an embedded form when appropriate and make the page easy to find through your main navigation or footer.

If you provide customer support, tell visitors what information they should include so you can respond efficiently.

A good Contact Us page answers one question immediately: what is the easiest and safest way for a visitor to reach you?