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.

Note: Different newsletter provider may display differently

Click on your newsletter provider below

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 Theme Options’ newsletter area

<p style="text-align:center">DESCRIPTION</p>
<SCRIPT>
<style type="text/css">
.newsletter-section .subscribe-form .form-section .form-group, .subscribe-form .form-section.horizontal {margin: 0 !important;}
.newsletter-section .subscribe-form {padding: 0 !important;}
</style>

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 TITLE to your own newsletter title
3- Replace DESCRIPTION to your own newsletter description
4- Replace YOUR_MAILCHIMP_ACTION_ATTRIBUTE to the one you copied from MailChimp
5- Insert into Theme Options newsletter area

<h2 style="text-align: center;">TITLE</h2>
<p style="text-align: center;">DESCRIPTION</p>
<!-- Begin MailChimp Signup Form -->
<form class="newsletter-section-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" class="newsletter-section-form-input" value="" name="MERGE1" id="MERGE1" placeholder="Your Name" />
<input type="email" class="newsletter-section-form-input" value="" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Your Email" />
<input type="submit" class="newsletter-section-form-button" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button" />
</form>
<!-- End MailChimp Signup Form -->

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 TITLE to your own newsletter title
3- Replace DESCRIPTION to your own newsletter description
4- Replace <SCRIPT> to the one you copied from ConvertKit
5- Insert into Theme Options’ newsletter area

<h2 style="text-align: center;">TITLE</h2>
<p style="text-align: center;">DESCRIPTION</p>
<SCRIPT>
<style type="text/css">
.ck_form.ck_naked .ck_form_fields {padding: 0 !important;}
.page .ck_form.ck_naked {margin: 0 auto !important; max-width: 100% !important;}
</style>

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 TITLE to your own newsletter title
3- Replace DESCRIPTION to your own newsletter description
4- Replace YOUR_GETDRIP_ACTION_ATTRIBUTE to the one you copied from GetDrip
5- Insert into Theme Options newsletter area

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

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.


Editing the Newsletter

1- Copy newsletter code below
2- Replace TITLE to your own newsletter title
3- Replace DESCRIPTION to your own newsletter description
4- Replace YOUR_GETRESPONSE_ACTION_ATTRIBUTE to the one you copied from GetResponse
5- Replace CAMPAIGN_TOKEN to the one you copied from GetResponse
6- Insert into Theme Options newsletter area

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


Part 2 – Enable newsletter section

1- Go to Appearance – Theme Options – Newsletter Settings
2- Insert text description and embed HTML code of your newsletter sign up in the form field. To have the subscription box design shows like in demo site, please follow the detailed instruction in Part 1 shown below
3- Click Save Settings.