How to Create a Newsletter Subscriber Widget

Capture visitor emails and build an audience with an integrated newsletter subscription form.

Building an email list is one of the most effective ways to grow your audience. You can easily add a newsletter signup form to your Blogger theme by integrating with an email marketing service.

Why Use a Third-Party Service?

While Blogger has a "Follow by Email" widget, it is based on the older FeedBurner service and offers limited functionality. Professional services like Mailchimp, ConvertKit, or MailerLite provide robust tools for managing subscribers, sending custom newsletters, and viewing analytics.

Implementation Steps

  1. Sign up for an email marketing service of your choice (e.g., Mailchimp).
  2. Create an audience or list for your blog subscribers.
  3. Design a signup form and get the HTML embed code.
  4. In your Blogger Layout dashboard, add an "HTML/JavaScript" gadget where you want the form to appear.
  5. Paste the embed code into the widget and save.

Code Examples

htmlExample Embedded Form from Mailchimp
1
2
3
4
5
6
7
8
9
10
11
12
13
<!-- This is a simplified example. Your provider will give you the exact code. -->
<div id="mc_embed_signup">
  <form action="YOUR_UNIQUE_MAILCHIMP_FORM_URL" method="post" target="_blank">
      <h2>Subscribe to our newsletter</h2>
      <div class="mc-field-group">
        <label for="mce-EMAIL">Email Address</label>
        <input type="email" value="" name="EMAIL" class="required email" id="mce-EMAIL" required>
      </div>
      <div class="clear">
        <input type="submit" value="Subscribe" name="subscribe" class="button">
      </div>
  </form>
</div>

Was this lesson helpful?

Have feedback, found an issue, or have a suggestion? Let us know!

Send Feedback