Start a conversation

Connect your Mailerlite account

When you create a pen name, you'll be asked if you want to integrate your newsletter with Booksprout. Follow these steps to integrate Mailerlite for your pen name.

First, make sure you select "Form Input" when creating your pen name:

Then, enter a description of what people can expect to get by joining your newsletter.

And finally, get your HTML form code from MailerLite. You can follow MailerLite’s instructions to get your HTML form code.

IMPORTANT: Make sure you do not copy the script that looks something like this:

<script type="text/javascript" src="//app.mailerlite.com/data/webforms/111111/xxxxxx.js?v1"></script>

You want the HTML form that is hidden behind Want to get full HTML for the webform? Show HTML. It will look something like this (note: for brevity I removed the unnecessary styles that they include):

<div id="mlb2-1111111" class="ml-subscribe-form ml-subscribe-form-1111111">
 <div class="ml-vertical-align-center">
 <div class="subscribe-form ml-block-success" style="display:none">
 <div class="form-section mb0">
 <h4>Newsletter</h4>
 <p>Thank you! You have successfully subscribed to our newsletter.</p>
 </div>
 </div>
 <form class="ml-block-form" action="//app.mailerlite.com/webforms/submit/xxxxxx" data-id="111111" data-code="xxxxxx" method="POST" target="_blank">
 <div class="subscribe-form">
 <div class="form-section mb10">
 <h4>Newsletter</h4>
 <p>Signup for news and special offers!</p>
 </div>
 <div class="form-section">
 <div class="form-group ml-field-email ml-validate-required ml-validate-email">
 <input type="text" name="fields[email]" class="form-control" placeholder="Email*" value="">
 </div>
 </div>
 <input type="hidden" name="ml-submit" value="1" />
 <button type="submit" class="primary">
 Subscribe
 </button>
 <button disabled="disabled" style="display: none;" type="button" class="loading">
 <img src="//static.mailerlite.com/images/rolling.gif" width="20" height="20" style="width: 20px; height: 20px;">
 </button>
 </div>
 </form>
 <script>
 function ml_webform_success_1111111() {
 jQuery('.ml-subscribe-form-1111111 .ml-block-success').show();
 jQuery('.ml-subscribe-form-1111111 .ml-block-form').hide();
 };
 </script>
 </div>
</div>
<script type="text/javascript" src="//static.mailerlite.com/js/w/webforms.min.js?vb01ce49eaf30b563212cfd1f3d202142"></script>

Once you're done filling out all of those details, you can save your pen name. Now readers will be able to join your newsletter via the Booksprout app and in our giveaways!

Choose files or drag and drop files
Was this article helpful?
Yes
No
  1. Chris Leippi

  2. Posted
  3. Updated

Comments