How to Create a Contact Us Page in Blogger for Better Engagement

Creating a Contact Us Page in Bloggerblog is essential for enhancing user engagement and building trust with your audience. This guide will walk you through the simple steps to set up a contact page that encourages visitors to reach out. 

Why a "Contact Us" Page is Important

  1. Enhances User Engagement: A contact page provides a direct line of communication, allowing your audience to connect with you easily.

  2. Builds Trust: Offering a way to get in touch shows that you are approachable and value your readers' feedback.

  3. Improves SEO: A well-structured contact page can help improve your site’s SEO by increasing user interaction and time spent on your site.

Steps to Add a "Contact Us" Page in Blogger

Step 1: Sign in to Blogger

• Log in to your Blogger account using your credentials. Choose the blog where you want to add the "Contact Us" page.

Step 2: Create a New Page

• In the Blogger dashboard, navigate to the left sidebar and click on Pages.
• Click the New Page button to create a new page.

Step 3: Title Your Page

• In the title box, enter "Contact Us" or a similar title that reflects the purpose of the page.

Step 4: Add Content to Your Page

•  In the content editor, add a brief introduction encouraging users to get in touch. You can include:
• Your email address
• A contact form (explained in the next step)
• Links to your social media profiles
• A brief message about your response time or what users can expect

Step 5: Embed a Contact Form (Optional)

To make it easier for users to reach out, you can embed a contact form using Google Forms:

1. Create a Google Form:

•   Go to [Google Forms](https://forms.google.com) and create a new form.
•     Add fields for name, email, message, etc.
•    Once done, click the Send button and choose the Embed HTML option to copy the form code.

2. Embed in Blogger:

•    Return to your Blogger contact page editor.
•    Switch to the HTML view (click on the "HTML" button).
•    Paste the Google Form embed code where you want it to appear.
•  Click Update to save your changes.

Step 6: Adjust Page Settings

• In the right sidebar, you can adjust settings such as visibility (public or private) and allow comments if needed.
• Make sure to check the Search Description box and write a brief description of the page (e.g., "Get in touch with us through our contact form or email.") to improve SEO.

Step 7: Publish Your Page

• Once you’re satisfied with the content and layout, click the Publish button to make your "Contact Us" page live.

Step 8: Add the Page to Your Blog Navigation

• To make your contact page easily accessible, add it to your blog’s navigation menu:
• Go to Layout in the left sidebar.
• Click on Add a Gadget in the area where you want your navigation menu.
•  Choose the Pages gadget, select your "Contact Us" page, and save.

If you want to create a sitemap page manually then you can do it using the code given below .

<h2>We'll happy to help you, fill form given below to contact with us.</h2>
<p>We'll like to hear from you. It feels good when you send message to us. If any issue related to broken link of any document or book. We updated link of books/newspaper that are already on internet .. If any issue related to books copyright then please mail us on Email <a href="mailto:creatoryt@gmail.com">creatoryt@gmail.com</a></p>


<div class="ContactForm" id="ContactForm1">
  <form name="contact-form">
    <div class="input-area">
      <label>Name</label><input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" type="text" value="" /></div>
    <div class="input-area">
      <label>Email<span>*</span></label><input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" type="text" value="" /></div>
    <div class="input-area">
      <label>Message<span>*</span></label><textarea class="contact-form-email-message" id="ContactForm1_contact-form-email-message" name="email-message"></textarea></div>
    <div class="input-area">
      <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" /></div>
    <div class="notif-area">
      <p class="contact-form-error-message" id="ContactForm1_contact-form-error-message"></p>
      <p class="contact-form-success-message" id="ContactForm1_contact-form-success-message"></p>
    </div>
  </form>
</div>
<script src="https://www.blogger.com/static/v1/widgets/2271878333-widgets.js"></script>
<script>//<![CDATA[
if (typeof(BLOG_attachCsiOnload) != 'undefined' && BLOG_attachCsiOnload != null) { window['blogger_templates_experiment_id'] = "templatesV1";window['blogger_blog_id'] = '2070623592096660085';BLOG_attachCsiOnload(''); }_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d2066623592091830085','//www.pskathait.in/','2070623592661830085');
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'footer1', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Sending...', 'contactFormMessageSentMsg': 'Your message has been sent.', 'contactFormMessageNotSentMsg': 'Message could not be sent. Please try again later.', 'contactFormInvalidEmailMsg': 'A valid email address is required.', 'contactFormEmptyMessageMsg': 'Message field cannot be empty.', 'title': 'Contact Form', 'blogId': '2070623592066830085', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull')); //]]></script>

 Conclusion

Having a "Contact Us" page on your Blogger blog is crucial for fostering communication with your audience. By following these simple steps, you can create an engaging and functional contact page that enhances your blog’s usability and boosts your SEO. 

Encourage your visitors to reach out, and make sure to respond promptly to their inquiries!