Setup Email Collection Popup

Learn how to collect new subscribers with our email popup

Nicolas Vibert avatar
Written by Nicolas Vibert
Updated over a week ago

Every e-commerce store should be constantly collecting new subscribers. It's simple; the more leads you have the more sales opportunities you provide for your store. The best way to get more leads is by installing an email popup. Popups have proven to be the most effective way to quickly gain new email subscribers.

To easily install our popup on your store, follow the steps in this guide or watch this short video:


Instructions

Step 1: Navigate to the Pop Up page from the top menu

Step 2: Click New Popup and Set a Name and List

Click the New Popup Button on the page which will trigger a modal where you can give your popup a name, and select which list you'd like your subscribers to be added to.

Subscribers will need to be added to a manually-created list. If you don't already have one you can create one in the modal. When you're ready click the Create Pop up button.

Step 3: Design your Popup

You'll now be redirected to our Popup Builder. You'll start from a default that matches your brand colours with your logo. Everything here is editable.

You can click on any element to edit the area. To drag new blocks in simply drag one from the top left.

By clicking into each block you can edit settings like the size, spacing, alignment, stroke and colors.

Here is a breakdown of the different elements you can add in your pop-up and their use:

Image block:

Use this type of block when you want to upload an image from your computer. The image can be a .png, a jpg or a .gif.

Text block:

Use this type of block to type text in your pop-up. Remember to keep your text short and straight to the point.

Space block:

Use this type of block to add more space in-between your blocks

Input block:

Use this type of block to include fields for all the information that you want to ask your new subscriber, such as their first name, and their birth date. Remember that asking for too much information will reduce the number of sign-ups to your pop-up as most visitors do not take the time to fill in pop-ups asking for too much information.

Phone number block:

Use this type of block to ask for the phone number of your new subscriber. Remember to set up a default country code to make your pop-up as user-friendly as possible.

Multi-list check block:

Use this type of block to allow visitors to sign-up for more than one of your lists. This is especially useful if you want to allow users to pick topics that they are interested in. If used, your subscriber will be added to each list that they selected. For example: What types of animals do you shop for? - "Dog/Cat/Horse/Bird/Reptile/Other"

Radio button group block:

Use this type of block to allow visitors to select one option between multiple possibilities. This information will be recorded as a custom field in your SmartrMail account, allowing you to segment subscribers based on this data in the future. For example: What is your gender - "Male/Female"

Button block:

Use this type of block to finish your pop-up up by prompting visitors to subscribe, or to dismiss this pop-up.

Step 4: Setup your Pop-up Trigger and Entry List

Once your Pop-up is designed you will need to setup its trigger and its entry list.

To access these options, click on "Settings" on the top left hand side of your pop-up composer.

Under Pop Up settings you can edit:

  • Popup name

  • Subscriber list your subscribers will be added to

  • If this pop-up should appear on mobile, desktop, or on both.

  • The timing after which the pop-up will trigger.

Step 5: Design your Thank You Message

Your Thank You will show after a visitor on your site submits their email and other details (if collecting). Your Thank You will need to be the same size as your Pop Up, but you can add in other content to thank visitors for signing up.

If you are offering a discount its best practice to put it in the thank you page rather than your welcome email as its a better experience for the user rather than having to leave your site to go to their inbox.

Step 6: Preview Your Popup

To see how the popup will appear on your site. Click the Preview button at the top right. Enter a email to see how your input text and thank you message looks.

Step 7: Enable Popup

Now that your popup is looking great and you've previewed it. Click the Enable button to enable the popup on your site. Check your site to see how it looks.

Step 8: Add the popup code to your site

To ensure SmartrMail's popup works correctly, make sure you've disabled any other popups from appearing on your site.

Shopify and WooCommerce stores will not need to enter any additional code on their site. If your store is on BigCommerce or Maropost Commerce Cloud, you will also need to complete the following steps:

  • Enter Pop up Installation Guide at the top right of the page

  • Copy and paste your unique code into the footer section of your website.

Did this answer your question?