Part 1 – Get embed code

You must have account with a third party newsletter service, such as MailerLite, MailChimp, ConvertKit, Drip or GetResponse, kindly create a support ticket if you need help with any other newsletter service provider.

Please click on the name of the Newsletter Provider below for step-by-step tutorial:

MailerLite

Getting MailerLite newsletter – Step 1
Setup MailerLite Newsletter
Getting MailerLite newsletter – Step 2
Setup MailerLite Newsletter
Getting MailerLite newsletter – Step 3
Setup MailerLite Newsletter
Getting MailerLite newsletter – Step 4
Setup MailerLite Newsletter
Click the “Copy to clipboard” to copy the Javascript provided and follow the Part 2 to insert the Javascript to the newsletter field.


Editing the Newsletter

1- Copy newsletter code below
2- Replace DESCRIPTION to your own newsletter description
3- Replace <SCRIPT> to the one you copied from MailerLite
4- Insert into the newsletter section

MailChimp

Getting MailChimp newsletter – Step 1
Setup MailChimp Newsletter
Getting MailChimp newsletter – Step 2
Setup MailChimp Newsletter
Getting MailChimp newsletter – Step 3
Setup MailChimp Newsletter
Copy the highlighted URL. This will be your MailChimp action attribute URL.


Editing the Newsletter

1- Copy newsletter code below
2- Replace YOUR_MAILCHIMP_ACTION_ATTRIBUTE to the one you copied from MailChimp

<div style="text-align:center">
<!-- Begin MailChimp Signup Form -->
<form action="https:YOUR_MAILCHIMP_ACTION_ATTRIBUTE" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
<input type="text" value="" name="MERGE1" id="MERGE1" placeholder="Your Name" />
<input type="email" alue="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email" />
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</form>
<!-- End MailChimp Signup Form -->
</div>

ConvertKit

Getting ConvertKit newsletter – Step 1
ConvertKit
Getting ConvertKit newsletter – Step 2
ConvertKit
Getting ConvertKit newsletter – Step 3
ConvertKit
Getting ConvertKit newsletter – Step 4
ConvertKit
Getting ConvertKit newsletter – Step 5
ConvertKit


Editing the Newsletter

1- Copy newsletter code below
2- Replace <SCRIPT> to the one you copied from ConvertKit

<div style="text-align:center">
<SCRIPT>
<style type="text/css">
.ck_form.ck_naked .ck_form_fields {padding: 0;}
.page .ck_form.ck_naked {margin: 0 auto;}
</style>
</div>

GetDrip

Getting GetDrip newsletter – Step 1
Setup GetDrip Newsletter
Getting GetDrip newsletter – Step 2
Setup GetDrip Newsletter
Copy the highlighted text.


Editing the Newsletter

1- Copy newsletter code below
2- Replace YOUR_GETDRIP_ACTION_ATTRIBUTE to the one you copied from GetDrip

<div style="text-align:center">
<form action="YOUR_GETDRIP_ACTION_ATTRIBUTE" method="post" target="_blank" novalidate>
<input type="text" value="" name="fields[user_id]" placeholder="Your Name" />
<input type="email" value="" name="fields[email]" placeholder="Your Email" />
<input type="submit" value="Subscribe" name="subscribe" class="button" />
</form>
</div>

GetResponse

Getting GetResponse newsletter – Step 1
Setup GetResponse Newsletter
Getting GetResponse newsletter – Step 2
Setup GetResponse Newsletter
Getting GetResponse newsletter – Step 3
Setup GetResponse Newsletter
Copy the highlighted text.


Insert the Newsletter

1- Copy newsletter code below
2- Replace YOUR_GETRESPONSE_ACTION_ATTRIBUTE to the one you copied from GetResponse
3- Replace CAMPAIGN_TOKEN to the one you copied from GetResponse

<div style="text-align:center">
<form action="YOUR_GETRESPONSE_ACTION_ATTRIBUTE" method="post" target="_blank" novalidate>
<input type="text" value="" name="name" placeholder="Your Name" />
<input type="email" value="" name="email" placeholder="Your Email" />
<input type="hidden" name="campaign_token" value="CAMPAIGN_TOKEN"" />
<input type="submit" value="Subscribe" name="subscribe" class="button" />
</form>
</div>


Part 2 – Enable newsletter section

1- Go to the template, select the HTML element
2- On the left sidebar, insert the copied newsletter code (from Part 1) into the HTML Code input