MailChimp integration

Split has an integrated newsletter which works out of the box with Shopify's customers system, which registers customers into your Shopify dashboard, a feature which is present in most themes.

However, if you do wish to integrate MailChimp and have your customers register directly to your MailChimp list, it is possible to do so with a bit of custom work.

Watch the following video to see how it should be done and how it actually works:

How to:

1. Go to MailChimp and choose to generate an "Embedded Form", where the only required field is the email address. Or customize it after your desire (there are several options for style customization there).

2. When you're ready, copy your form iframe code somewhere and extract the action value from it. Only that value ("XXXXXXXXXX" from the below example):

<form action="XXXXXXXXXXXX" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate><br>

3. Go into your theme editor, and choose to edit /snippets/footer_content-newsletter.liquid. Replace the original form:

{% form 'customer' %}
    {{ form.errors | default_errors }}
    <div class="input-group">
      <input type="hidden" name="contact[tags]" value="newsletter">
      <input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter.email_label' | t }}" name="contact[email]" id="Email" aria-label="{{ 'general.newsletter.email_label' | t }}" autocorrect="off" autocapitalize="off"><input type="submit" name="commit" id="Subscribe" value="{{ 'general.newsletter.submit' | t }}">
    </div>
{% endform %}

With this new one:

<form action="XXXXXXXX" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" target="_blank" novalidate>
    <div class="input-group">
      <input type="email" value="{% if customer %}{{ customer.email }}{% endif %}" placeholder="{{ 'general.newsletter.email_label' | t }}" name="EMAIL" id="mce-EMAIL" aria-label="{{ 'general.newsletter.email_label' | t }}" autocorrect="off" autocapitalize="off">         
      <input type="submit" name="Subscribe" id="Subscribe" value="{{ 'general.newsletter.submit' | t }}">       
    </div>  
</form>

4. Replace the action with the one you've extracted earlier. Save the file. You're done!