How to Easily Add Contact Form in Blogger [2022]

Rimon নভেম্বর 2, 2022Last Updated: মার্চ 13, 2023

0 1 minute read

Rate this post

Contact form is important for visitors to send messages directly to blog admin. Blogger has its own contact form widget. But currently, this widget is not working. So there is no other option but to use third-party services.

How to Easily Add Contact Form in Blogger

Let’s see how to add a contact form to blogger.

How to Add Contact Form

Step 1: Go to the Blogger dashboard. Then click on Pages > New Page

Step 2: Now switch the post editor from “Compose View” to “HTML View”.

Step 3: Paste the below code and change [email protected] to your actual email address. then save and publish the page.

[<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”>]

A test message should be sent to verify the email address once the page is published. Once the test message has been sent, go to the inbox and verify the email by clicking on the verify link.

You can use this contact form in many ways. For example, you can use contact us, guest post, service, etc.

Hope you have successfully added the contact form to blogger. Comment for any problem or help