

Improving your site’s conversion rate:
Statistically, the longer a person stays on your website, the higher the chance that you’ll convert them - whether you’re trying to get them to sign up as a subscriber, make a purchase, or achieve any number of different goals you might have. Giving your visitors a reason to stick around helps push them towards those ends.

The most effective pop-ups are those that provide something of value to your visitor. With that in mind, offering a discount or a coupon code in a pop-up can turn a potential abandonment into a conversion. ShortStack provides an easy way to integrate coupon codes into your pop-up campaign.

While there are many ways you can distribute coupon codes within ShortStack, we’ll walk through how to set up coupon code distribution using the Exit Pop-Up template. In this example, the coupon codes you distribute will be sent to your visitors via email.

Before we jump into campaign building, you’ll want to create your list of unique codes:

1. In your spreadsheet program of choice (e.g Google Sheets, Excel, etc), create a new file.
2. Manually type in or copy/paste one code per line until you’ve created a file with all the codes you plan to distribute.
3. Save your code list as a .csv file.

Now that you have your code list created, you can jump into ShortStack and start building your campaign.

1. In your ShortStack Dashboard, click the blue Campaign button at the top to open the Template Gallery.
2. Type pop-up into the gallery’s search bar.
3. The Exit Pop-Up template should appear; hover over the template preview and then click the Use This Template button.

Note: The Exit Pop-Up template is being used as an example. You can add the code distribution feature to any campaign and embed any campaign on your website as a pop-up.

4. After choosing your template, the Campaign Builder will open. Customize this template to fit your brand. When you have the campaign looking and functioning as you want it to, set up an autoresponder email that will send your coupon codes.

Note: For help with styling your campaign, be sure to watch our How to Use The Style Panel video, available on our YouTube channel.

5. To create an autoresponder email, click on the envelope icon in the top-right of the Builder, then click New Email in the dropdown to open the Email Wizard.
6. Select Autoresponder.
7. Choose an existing Company Profile, or click Edit or Choose Another to further configure the Company Profile you’d like to use. Once done, click Continue.
8. In this important step, click the radio button next to YES - Code List, then click the Connect Code List button.
9. To attach the code list you’ve created, click New Code List at the top.
10. Drag the .csv file with your codes into this new pop-up, or click Select and find where you’ve saved the file. Then, click Continue.
11. You’ll see the name of your code list displayed - click Continue to move forward.
12. From there, you’ll finish the email by selecting an email template (optional), and setting up the sending parameters of the email (from address, subject line, etc.). When you’re finished, you’ll save and activate the email.

Note: For more in-depth information about setting up an autoresponder email, take a look at our Creating Autoresponder Emails and Using Unique Codes In Emails help docs.

Now your campaign is exactly like you want it to be and your custom coupon codes are ready to distribute. Next you’ll publish your campaign and add it to your site as a pop-up:

1. Click the Publish Campaign button at the top of the Builder.
2. Click Embedded on Website to publish with embed code.
3. In the provided field, add the exact URL where this pop-up campaign will be embedded. This URL can be changed later if needed.
4. The following step is for customizing the publication URL. This step is optional. If you want to use a custom domain, check out our resource Publishing Your Campaign Using a Custom Domain. Otherwise, click Publish.
5. You’ll now see a congratulations message and the HTML code to embed your campaign. To get the pop-up embed code, click Pop-up at the top.
6. On the following screen, click Advanced Settings at the bottom.
7. Here you’ll see different options for what triggers your pop-up. For this campaign, you’ll check the box next to Popup on exit intent – this option will show the pop-up as soon as the visitor navigates into the address bar or tab bar of your browser, a sign they intend to leave your website.

Note: Curious about the other pop-up options you’re seeing in the Advanced Settings section? Read more about them in our Embed Your Campaign as a Pop-Up on Your Website help doc.

8. After selecting the type of pop-up you’ll embed on your website, copy the embed code shown and paste it into your site where you’d like the pop-up to appear.

Note: Do you need help figuring out where to place the embed code on your website? Our How to Embed Campaigns in Common Website Builders documentation has you covered.