How to create contact us page in Blogging

Creating a “Contact Us” page for your blog is important because it lets readers, brands, or collaborators reach out to you easily. Below is a step-by-step guide to create a professional contact page — whether your blog is on Blogger, WordPress, or another platform.

🧱 Step 1: Decide What to Include

A good contact page usually includes:

A short introduction (why people can contact you)
A contact form
Email address (optional)
Social media links
(Optional) Physical address or map if you run a business

Example text:

Thanks for visiting! If you have any questions, suggestions, or collaboration ideas, feel free to get in touch using the form below or email me at [your email].

💬 Step 2: Create a Contact Form

👉 If you’re using Blogger (Blogspot):

Go to your Dashboard → Pages → New Page
Name it Contact Us
Click the “HTML” tab and paste this code:

<h2>Contact Us</h2>
<p>We’d love to hear from you! Please fill out the form below.</p>

<form name="contact-form" method="POST" data-email="youremail@example.com"
      action="https://formspree.io/f/your-form-id">
  <label>Name</label><br>
  <input type="text" name="name" required><br>

  <label>Email</label><br>
  <input type="email" name="_replyto" required><br>

  <label>Message</label><br>
  <textarea name="message" rows="6" required></textarea><br>

  <button type="submit">Send Message</button>
</form>

🧠 Tip: Use a free service like Formspree or EmailJS to collect messages without coding or backend setup.

👉 If you’re using WordPress:

Go to Pages → Add New → “Contact Us”
If using Block Editor (Gutenberg), add a Contact Form Block (available in Jetpack or WPForms plugin).
If using Elementor, use its Form widget.
Customize fields like Name, Email, Message.
Set your notification email and publish the page.

🌐 Step 3: Add Social Media or Other Contact Methods

Below your form, you can add:

<h3>Follow Me</h3>
<a href="https://www.facebook.com/yourpage">Facebook</a> |
<a href="https://www.instagram.com/yourpage">Instagram</a> |
<a href="https://twitter.com/yourhandle">Twitter</a>

📌 Step 4: Link It in Your Menu

After publishing:

Go to Layout → Menu / Navigation in Blogger (or Appearance → Menus in WordPress)
Add your new “Contact Us” page link so visitors can find it easily.

Would you like me to give you a ready-to-copy “Contact Us” HTML code styled with CSS that matches Blogger or WordPress?
If yes, please tell me which platform you’re using (Blogger or WordPress).

How to create contact us page in Blogging | Simple Steps