Create a Contact Us Page for Blogger in 2023.

This article will discuss how to create a contact us page for the Blogger blog with a form in one click.

The Contact Us page allows website users to communicate with the team directly. The user can send his query, doubt, feedback, or questions using the Contact Us form page on the website. You can provide a Contact Us Form, email, or telephone on the Contact us page.

Blogger allows you to add a Contact Us form gadget in the sidebar or footer section of the blog. But it does not look professional, so a dedicated contact us page should be there.

HTML code for Blogger Contact Us Page.

Here we are providing HTML code for the contact us page for the Blogger blog. You have to create a contact us form.

<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 admin@iascgl.com</p>
<div style="text-align: center;">
    <p>Thanks And Regards iascgl.com Team admin@iascgl.com Delhi India</p>
</div>
<div style="text-align: center;color: green;">
    You can reach us by filling this form
</div>
<div class="contact-form-widget">
    <div class="form">
        <form name="contact-form">
            <p></p>
            Name
            <br />
            <input class="contact-form-name" id="ContactForm1_contact-form-name" name="name" size="30" type="text" value="" />
            <p></p>
            Email
            <span style="font-weight: bolder;">*</span>
            <br />
            <input class="contact-form-email" id="ContactForm1_contact-form-email" name="email" size="30" type="text" value="" />
            <p></p>
            Message
            <span style="font-weight: bolder;">*</span>
            <br />
            <textarea class="contact-form-email-message" cols="25" id="ContactForm1_contact-form-email-message" name="email-message" rows="5"></textarea>
            <p></p>
            <input class="contact-form-button contact-form-button-submit" id="ContactForm1_contact-form-submit" type="button" value="Send" />
            <p></p>
            <div style="max-width: 222px; text-align: center; width: 100%;">
                <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>
</div>

Copy the above code and paste it on the contact us page. Now you have to create a contact us form widget.

Earlier, you could generate a contact us form with the help of our tool. But after the recent update of Blogger, a session code is generated with the contact us form. So it is now only possible with the help of the Blogger contact us form widget.

To create a widget in Blogger, visit the layout and create a contact us widget in the sidebar. You can create it in the last widget slot of the sidebar.

1. Log in to Blogger Admin Panel and scroll down to Layout.
2. Add a widget to the sidebar of the Blogger theme.
3. A widget pop-up will appear; scroll down to the Contact form.

Now you’ve to select contact form settings as displayed below.

This will add a contact form to the sidebar of every blog page. But we don’t want our contact us form widget visible all over the website. To optimize this, we’ve to tweak the theme file.

And to edit the Blogger theme, visit Theme>Customize>Edit HTML. Add the following code before the </head> tag.

<style>
#ContactForm1{display:none;}
</style>

Now save the theme file. The above code hides the Contact form from every page.

Create a Blogger Page

To paste the above script, you must enable the HTML mode on the page.

1. Visit Blogger Dashboard, Click on Pages
2. Now Click on Create New Page.

1. Enter the Title of the Contact Us page.
2. Click on the edit (pencil symbol) to switch to HTML mode.
3. Paste the code generated using the above button and publish.

You can now try sending the email address. You’ll receive all emails on the email address linked with Blogger.

Working? You can appreciate our work with your comment below.

Blogger Contact Us Page Not Working? Try This.

If Contact Us doesn’t work, you should check that you are not tweaking the </body> tag. And also, check your Gmail spam folder for the email.

This Contact Us form will work with custom domain names and the subdomain blogspot.com domain.

Final Words

In this article, we understood how to create a Contact Us form page for the Blogger blog in 1 click using the Contact Us form generator. I hope you liked this article. In case of any doubt, feel free to ask in the comment section below. Thank you :)

Additional Info: If you want to give your Blogger blog a premium look, you can install our, BloggerMag or Oyedad Premium Theme for Free. These are advanced SEO-friendly themes.