Docs - Subscribe Forms

Our theme comes with working Mailchimp newsletter subscription forms example.

This forms won't work before you upload html and folder with php handlers to properly folder on webserver.

Connect scripts/pi.init.submitFormSubscribe.js and place handler/mailchimp folder to your website root folder to use these forms.

Create and obtain API key on Mailchimp side, update this info inside handlers/mailchimp/formSubscribe.php file.

Create list and obtain list id on Mailchimp side handlers/mailchimp/formSubscribe.php file.

If you need to add more fields than contained in our forms examples, like interests or user address, you have to update PHP form handler, JS form handler and create properly configured list on Mailchimp side by yourself.

Email only form example

<form class="pi-subscribe-form pi-margin-bottom-20" action="handlers/mailchimp/formSubscribe.php" >
  <div class="pi-error-container"></div>
  <div class="pi-input-inline">
    <input type="text" class="form-control form-control-email input-lg" id="exampleInputSubscribe" name="exampleInputSubscribe" placeholder="Enter email address">
  </div>
  <button type="submit" class="btn pi-btn-base pi-btn-big">Submit</button>
</form>

Email and additional data form example

<form class="pi-subscribe-form pi-margin-bottom-20" action="handlers/mailchimp/formSubscribe.php" >
  <div class="pi-error-container"></div>
  <div class="form-group"><input type="text" class="form-control form-control-fname input-lg" id="exampleInputSubscribeFirstName" name="exampleInputSubscribeFirstName" placeholder="Enter first name"></div>
  <div class="form-group"><input type="text" class="form-control form-control-lname input-lg" id="exampleInputSubscribeLastName" name="exampleInputSubscribeLastName" placeholder="Enter last name"></div>
  <div class="form-group"><input type="text" class="form-control form-control-email input-lg" id="exampleInputSubscribe" name="exampleInputSubscribe" placeholder="Enter email address"></div>
  <button type="submit" class="btn pi-btn-base pi-btn-big">Submit</button>
</form>