Overview
The pop-up embed option allows you to display a ShortStack campaign as a customizable pop-up on your website without the need to add additional code for each campaign. Once you have installed the global embed code, you can easily set up a pop-up and define the exact conditions that trigger it.
Pop-Up Trigger Conditions
ShortStack allows you to create pop-ups based on the following types of triggers:
- Time on Page
- Page Path
- User Scrolls % of Page
- Exit Intent
- URL Parameter
- Time Since Last Viewed
- View Count per Visitor
- Last Viewed Compared to Date
Prerequisites
Before proceeding, you must first install the global ShortStack embed code on your website. This is the base code that allows all ShortStack campaigns to run on your domain.
Learn more about Installing the Global Embed Code.
Embedding as a Pop-Up
Follow these steps within the Campaign Builder to set up and publish your pop-up:
- Go to the Publications Panel: In the Campaign Builder, click the Publish Campaign button or the Publications Panel icon (a bookmark) at the top right.
- Select Embed Pop-up.
-
Enter Your URL: Copy and paste the full URL of the page where you want the campaign to appear (e.g.,
yoursitehere.com/giveaway). Click continue. - Choose Installation Method: Select Install Global Embed Code.
-
Install Global Embed Code: Copy and paste the provided code into your website's code. For best performance, add this script in
<head>or just after<body>.- Learn more about the Global Embed Code.
- Validate the Global Embed: After installing the Global Embed Code on your website, click the Validate button to confirm the code was installed properly. Once validated, click continue.
- Select First Condition (Show Pop-Up When): Click on the blue button to choose the first condition. Click the blue text next to the condition to change the variable and setting.
-
Adding Multiple Conditions. You can customize exactly when the pop-up appears by using condition groups. The logic works as follows:
- Conditions within a Group (AND): When you add multiple conditions to a single group, all of those conditions must be true for that specific group to match.
- Multiple Groups (OR): You can add separate groups of conditions. The pop-up will display if any one group has all of its conditions met.
-
Select the pop-up style: Choose between the pop-up size options (400px, 640px, 840px, or Full Width), then select the pop-up layout. You can adjust this setting after publishing.
- Customize the URL (Optional): You can customize the path for this specific pop-up publication in the URL field.
- Publish: Click the blue Publish button. Your campaign is now automatically embedded into your website at the selected location!
Your campaign is now automatically embedded as a pop-up on your site and will appear when your defined conditions are met!