Posts /

Subscription Form For Jekyll Using MailChimp

28 Jul 2016

Making subscription form for your Jekyll based Website using MailChimp

Creating a subscription from in a static blog aware environment like Jekyll can be a tricky task. This post will help you do the same very easily and swiftly using MailChimp.

  1. First thing you need is a MailChimp account.
  2. After creating a MailChimp account, You need to create a new list. Lists are the collection of email ids to which you will be able to send emails in the future.

    If you have a custom domain then carry on with step 3 & 4 else jump to step 5.
    These steps will allow your campaigns to appear to come from your website, instead of MailChimp.
  3. Verify your domain with MailChimp.
  4. You’ll also have to update you domain’s DNS records in order to authenticate your domain.
  5. Select the type of signup form you need, for example Embedded or Pop-up form for Jekyll blog.
  6. Now create a new subscription-form.html file in _includes directory and Paste the html code provided by MailChimp.

    {% if page.subscription-form %}

    <!-- HTML Code for Subscription form provided by MailChimp -->

    {% endif %}
  1. You can now simply add the subscription form anywhere you want by including the subscription-form.html like this {% include subscription-form.html %}
  2. Start using MailChimp by creating a new template and campaign.

The form below is created using the same method. Enjoy!