AjaxChimp #

AjaxChimp is a jQuery plugin that lets you ajaxify your mailchimp form.


How it works #

Here is how the AjaxChimp works with Fluxo:

  • Fluxo uses third-party AjaxChimp plugin.
  • AjaxChimp is applied via .subscribe-form. It applies to <form> element.
  • Required jQuery.

How to Use #

Copy-paste the following <script> near the end of your pages under <!-- Vendor/Plugins JS --> to enable it.

<script src="js/vendor/jquery.ajaxchimp.min.js"></script>

Copy-paste the following <script> near the end of your pages under <!-- Vendor/Plugins JS Init --> to enable it.

<script src="js/init/wb.ajaxchimp-init.js"></script>

In order to integrate the AjaxChimp with your Mailchimp list, you need to specify your Mailchimp post URL. The Mailchimp post url will look like this:

https://example.us1.list-manage.com/subscribe/post?u=5afsdhfuhdsiufdba6f8802&id=4djhfdsh99f

Once you get your own Mailchimp post URL, open the wb.ajaxchimp-init.js file with a code editor then find and replace the demo's Mailchimp URL inside var $mailchimpURL with yours.

Form Example #

<form class="subscribe-form form-inline">
  <div class="input-group mr-sm-3 mb-2">
    <input type="email" class="form-control" id="email" placeholder="Email address">
  </div>
  <button type="submit" class="btn btn-primary mb-2">Subscribe</button>
</form>