How To Add A Contact Form In Blogger

Create a dedicated Contact Us Form Page for the Blogger blog in one click. Easy Guide for working Contact Form.

In this article, I will explain to you how to add a contact form to your Blogger website. A contact form enables visitors to send messages directly from your website, eliminating the need to manually copy your email address and send you messages. You can significantly improve the user experience of your website by adding a simple contact form to it.

How To Add A Contact Form In Blogger

You can add a contact form directly on your website pages, such as the contact us, write for us, or Services pages. This allows your visitors to contact you without having to leave your website or use their email app.

Unfortunately, the default contact form widget is currently not functioning correctly and is not sending emails to the intended inbox. Therefore, we will need to replace it with a third-party form service.

so, let's check how you add the contact form to your Blogger website. 

Steps to Add a Contact Form in Blogger

Go to your Blogger dashboard and create a new page or open your existing page. 

Now switch the post editor from "Compose View" to "HTML View". 

Now you need to copy and paste the code below and change it with your email address

<div class="container">
  <form target="_blank" action="https://formsubmit.co/[email protected]" method="POST">
    <div class="form-group">
      <div class="form-row">
        <div class="col">
          <input type="text" name="name" class="form-control" placeholder="Full Name" required>
        </div>
        <div class="col">
          <input type="email" name="email" class="form-control" placeholder="Email Address" required>
        </div>
      </div>
    </div>
    <div class="form-group">
      <textarea placeholder="Your Message" class="form-control" name="message" rows="10" required></textarea>
    </div>
    <button type="submit" class="btn btn-lg btn-dark btn-block">Submit Form</button>
  </form>
</div>

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">

Now save and publish the page. 

To ensure successful email delivery, send a test message in the new contact form. You will be prompted to verify your email address. 

Now Open your email inbox and verify your email address with the link. 

Now, whenever someone enters their Name, Email Address, and Message, it will open a new page with ReCaptcha, so you can minimize the number of spam entries in your contact form.  

I hope you have successfully added the new contact form to your Blogger website. If you have any doubts you can ask me in the comments.