Silicon Silicon Docs
 Buy now

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 you website to run email marketing campaign via Mailchimp web application. Below is the live example of the widget that collects emails for Createx Studio.

*Subscribe to our newsletter to receive early discount offers, updates and new products info.
<!-- 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 style="max-width: 420px;">
  <label for="subscr-email" class="form-label">Subscribe to newsletter</label>
  <div class="input-group">
    <input type="email" id="subscr-email" class="form-control rounded-start ps-5" name="EMAIL" placeholder="Your email" required>
    <i class="bx bx-envelope fs-lg text-muted position-absolute top-50 start-0 translate-middle-y ms-3 zindex-5"></i>
    <button type="submit" class="btn btn-primary" name="subscribe">Subscribe*</button>
  </div>
  <div class="form-text pt-1">*Subscribe to our newsletter to receive early discount offers, updates and new products info.</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 class="subscription-form-antispam" type="text" name="mailchimp-embedded-form-antispam-name-attribute" tabindex="-1">
  </div>
  <div class="subscription-status"></div>
</form>
Top