Mailchimp subscription form

Mailchimp is a marketing automation platform and an email marketing service.

In other words this Mailchimp widget will help you to collect user emails right from your website to run email marketing campaign via Mailchimp web application. Below is the live example of the widget that collects emails for Createx Studio.

<!-- Widget: Subscription (MailChimp Ajax)
Instructions how to get MailChimp action link:
1. Log in to your MailChimp Dashboard / Audience / Manage Audience / Signup forms / Embedded forms
2. In the provided code find form action link and copy it
3. Paste it to the form action attribute below
4. Also in the form code provided by MailChimp find antispam input and copy it name attribute contents
5. Paste what you have copied from name attribute to the name attribute of input with class "subscription-form-antispam" -->
<form class="subscription-form validate" action="mailchimp-embedded-form-atcion-link" method="post" name="mc-embedded-subscribe-form" target="_blank" novalidate>
  <label for="subscr-email" class="form-label fs-base mb-2">Subscribe to newsletter</label>
  <div class="input-group">
    <span class="input-group-text">
      <i class="ai-mail"></i>
    </span>
    <input type="email" class="form-control" id="subscr-email" name="EMAIL" placeholder="Enter your email" required>
    <button type="submit" class="btn btn-primary" name="subscribe">Subscribe*</button>
  </div>

  <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups -->
  <div style="position: absolute; left: -5000px;" aria-hidden="true">
    <input type="text" class="subscription-form-antispam" name="mailchimp-embedded-form-antispam-name-attribute" tabindex="-1">
  </div>

  <div class="subscription-status"></div>
  <div class="form-text pt-1">*Subscribe to our newsletter to receive early discount offers, updates, promo materials and new products info.</div>
</form>

// Widget: Subscription (MailChimp Ajax)
// Instructions how to get MailChimp action link:
// 1. Log in to your MailChimp Dashboard / Audience / Manage Audience / Signup forms / Embedded forms
// 2. In the provided code find form action link and copy it
// 3. Paste it to the form action attribute below
// 4. Also in the form code provided by MailChimp find antispam input and copy it name attribute contents
// 5. Paste what you have copied from name attribute to the name attribute of input with class "subscription-form-antispam"
form(action="mailchimp-embedded-form-atcion-link", method="post", name="mc-embedded-subscribe-form", target="_blank", novalidate).subscription-form.validate
  label(for="subscr-email").form-label.fs-base.mb-2
    | Subscribe to newsletter
  .input-group
    span.input-group-text
      i.ai-mail
    input(type="email", name="EMAIL", placeholder="Enter your email", required)#subscr-email.form-control
    button(type="submit", name="subscribe").btn.btn-primary
      | Subscribe*

  // real people should not fill this in and expect good things - do not remove this or risk form bot signups
  div(style="position: absolute; left: -5000px;", aria-hidden="true")
    input(type="text", name="mailchimp-embedded-form-antispam-name-attribute", tabindex="-1").subscription-form-antispam

  .subscription-status
  .form-text.pt-1 *Subscribe to our newsletter to receive early discount offers, updates, promo materials and new products info.

Customize theme

Colors

Typography (1rem = 16px)

Borders / Rounding

Menu

Contents

Mailchimp subscription form