Sendicate Blog: Email Newsletter Marketing

| Guide to using SumoMe Email Pop Up with Sendicate

Want to integrate the SumoMe List Builder Email Pop up with Sendicate for your site? Then follow our step by step guide here.

1. Install Sumo Me List Builder on your Site

Follow the install instructions on Sumo Me List Builder to add it to your site. You don't need to turn on the pop up yet.

2. Create a New List in Sendicate

Next, login to Sendicate and create a list for the new email subscribers that the pop up is going to collect.

3. In Sendicate Customize Sign up Form

Click into your new list, and on the right menu, click Customize Sign up Form. Here is where you can set up which fields you would like to collect on your pop up. There's also a handy HTML widget provided there that you can paste directly into your site to start collecting sign ups on site. Pro tips: The less fields you make people fill out, the more sign ups you will get (there's a direct correlation). If at all possible, just make it email address only.

4. Paste the HTML Widget into List Builder

In Sendicate copy the widget HTML snippet. Then go SumoMe List Builder, and under Advanced paste the HTML into Custom Form, and choose Small form size. You might want to apply some CSS styling to it.

Otherwise, you can go ahead and use the fancy styling of Sendicate customer Bluethumb pop up:

<div class="subscribe_forms-preview" id="wrapper" style="background: url(''); background-size: cover;border-radius: 5px;margin: -16px; "> <header></header> <div id="content"> <div class="wrap" style="background-color: rgba(0, 0, 0, .4);border-radius: 5px;padding: 20px !important;;box-shadow: 0 0 200px rgba(0, 0, 0, 0.6) inset;color: white; "> <div class="subscribe subscribe-form" style="padding-bottom: 20px;"> <h2 style="font-size:33px; font-style:bold;/* line-height:1.2 */margin-top: 0;color: white;"> Kick-Start Your Collection!</h2> <p></p><div style=""><p style="margin-bottom: 40px; margin-top: 30px;">We’re giving away a $400 art voucher to help you start your collection. Subscribe to enter. Quick, competition ends 30th September. </p> </div><p></p> <form accept-charset="UTF-8" action="" method="post"> <div class="input string " style="margin-bottom: 5px;"> <input class="form-control" id="email" name="email" type="text" placeholder="Enter your email here..." style="width: 100%;"> </div> <div class="submit-form"> <input class="btn btn-block btn-primary" name="commit" type="submit" value="Enter" style="/* background-color: #089FD6 !important; */ /* border-color: #089FD6 !important; *//* color:white; */ /* border: none; */ /* font-size: 1.1em; *//* font-weight:normal; */ /* padding: 8px 20px; */"> </div> </form> </div> </div> </div> </div>

Download the code as a txt file and copy and paste it into List Builder. You'll need to make 3 changes to it for your Pop up to the above code. They are:

  • To change the background image, paste the URL of the image you would like here background: url('')
  • Change the headline and body copy text as you like
  • Update the list URL <form accept-charset="UTF-8" action="" method="post"> to your list's URL. You can find that on the Customize Sign up Form page for your list.

5. Turn on the Pop up, Crack a Beer

Last step is to go the the Behaviour tab of List Builder and set our behaviour settings, then turn on your pop up. Now kick back, relax, make a drink, and watch your email sign-ups roll in.