Selecting a Design Option
There are many different types of popup designs to use, however with Listrak's new popup creation tool, these options allow the popup to fit into your overall marketing strategy. Popups should be customized to reflect your brand and voice - you can control things such a timing and placement to fit into your website. You can create a popup design that's specific to desktop users, paired with a mobile popup design just for mobile users. Read below to learn a little more about each design type.
Lightbox/Lightbox and Image: These are the most common layouts for popups, and are effective because a submit or close interaction is required from a user. However, this can also be disruptive to the site visitor. If you're using this popup when a visitor immediately enters the site, it's suggested to activate this only for desktop and use a different layout or trigger on mobile. This can be done by creating two popups for each use case.
Fullscreen: A fullscreen takeover provides the same experience as a lightbox, however the contents of the site are usually either completely hidden or mostly covered by the popup. This provides more room for content and design, which can help to deliver an on-brand message, but can also be more disruptive to the experience.
Banner: A banner placed at the bottom of the page takes up very little room and doesn't impede a visitor from continuing to browse. This helps to serve as a reminder to the visitor as they navigate the site, allowing them to subscribe or dismiss the popup at any time. Select this layout to configure a mobile banner by targeting by mobile device on the targeting rules.
Scroll Box: Scroll boxes are often used as a way to notify visitors about a temporary sale, recent product releases, or events. It can be used as an ongoing method to capture subscriptions, or may just be enabled for a short time in place of other popups for delivering promotional material. Since they have a maximum height that can be scrolled, scroll boxes can hold more content without taking up too much space on the page, unlike other layouts. They allow desktop shoppers to access content on the site without interfering with the shopping experience. This also allows shoppers to keep the popup open as a reminder as they browse.
Animations: These are just for fun, although animations can help to draw attention to a popup and delight the visitor rather than have a jarring popup experience. Choose from our 18 animations.
Selecting a Trigger Type
TRIGGER TYPE
Entry: Displays the popup immediately or after a slight delay. This is more acceptable for a desktop experience or when paired with Page of Session targeting, to show after a visitor has engaged with two or more pages after landing on the site.
Exit: Displays the popup as the cursor is moved out of the browser window, showing intent to close or navigate away. Exit popups may be used during the same session as an entry popup, so ensure the message is consistent but unique to entice an action.
Scroll: Displayed once the visitor shows intent to browse the content on the page by scrolling halfway or to the bottom. This trigger type is best used on long pages of content, such as a product page. Scroll can be used on mobile rather than showing a popup on entry.
Button: Displayed at the bottom of the page as a call-to-action, allowing the visitor to click to display the popup.
Manual: Popups can be manually added to any element on your site, such as a link, button, or image. Some examples include: a link at the end of blog posts suggesting readers subscribe for more content, a button in the footer or a button bar at the top of the page, or an image in a post, sidebar, or products page suggesting visitors subscribe for product updates and sales.
Selecting a Targeting Type
TARGETING BY URL
URL targeting can be used in cases to show specific circumstances such as:
Websites with multiple languages
Collecting subscribers with content preferences on a blog
Interest in a specific brand within a product page
Country specific targeting
Targeting visitors based on the recency of last visit, traffic source, or location
Targeting subdomains
Interest in an event on events pages
Showing a popup on certain pages may interrupt a customer's purchase. You can also use URL targeting to hide a popup on specific pages such as:
Account
Checkout
Cart
USING URL TARGETING
When using URL targeting, first select to show or don't show the popup.
Then, add to the equation what the rule of the following URL will be: equals, contains, or doesn't contain.
Lastly, enter the URL, or part of the URL, that you'd like to include in the equation.
For example, if you'd like to show the popup on a page where a female shopper is looking at women's clothing, you may want the URL to look like the below:
💡 The order of the URL rules aren't necessary. If there are don't show rules applied, they will trump every other previously configured URL rule.
As mentioned above in the targeting examples, some of the URLs may look like this:
Country specific (mysite.ie): URL contains mysite.ie
Subdomains (de.mysite.com): URL contains de.mysite.com
Subdirectories (mysite.com/de/): URL contains mysite.com/de/
URL parameters (mysite.com?loc=de): URL contains mysite.com?loc=de
PARAMETER TARGETING
Google Search: glcid
Yahoo/Bing Search: msclkid
Google Adwords: utm_source, utm_medium
Targeting by Device
Device: Display a popup designed or triggered specifically for only desktop or mobile visitors. Leaving this section blank allows the popup to display on desktop and mobile.
💡 Create different popups for mobile and desktop displays by just tweaking the designs slightly. Use these settings to cater to each target type.
Targeting by Engagement and Behavior
Waiting until a website visitor has shown intent to browse, such as after visiting a few pages, can increase their likelihood to engage and improve the quality of the subscription.
You can target them by configuring the page of sessions and when to show this popup again. Simply check the show again checkbox and enter a time frame.
Popup Strategies
You can now create unique popup strategies and designs by simply changing the layout or trigger on desktop and mobile while also tackling Google and GDPR Compliance. In our blog, Think Outside the Box: Unique Popup Strategies to Increase Acquisition, we walk through some different out-of-the-box-strategies. Learn how to build them below.
Example: Provide a different experience for desktop and mobile visitors by creating two popups.
Trigger: Desktop: Entry | Mobile: Entry w/ Page of Session or Scroll
Considerations: Entry popups will display immediately, or after a short delay, when visitors enter your site. They are very disruptive to the browsing experience, and have the potential for consequences on mobile. Google may or may not consider some entry popups as intrusive.
Setup: Start by setting up a popup for desktop. Use any of the design layouts, and enter the content for the popup.
On the configurations page, select a trigger type that's the most appropriate for desktop such as Entry with a 4 second delay.
Navigate to Targeting, Device, select Don't Show when Device is Mobile. The popup will now only be displayed on desktop.
Once the popup is tested and saved, duplicate the popup from the dashboard. This saves time by creating a starting point for the design and content.
Next, simply change the targeting to Don't Show when the Device is Desktop, and choose a new trigger for mobile. If a trigger of Entry is selected, it may be appropriate on mobile to only show once the visitor has browsed at least to page 2 or 3 of the session, to indicate they've showed intent to shop.
Example: Maybe Later.
Trigger: Desktop: Entry (Page 1) | Mobile: Button
Considerations: Change the "close" language of popup to suggest "maybe later" rather than no thanks. If the visitor subscribes at any point, the other popups won't be displayed.
Setup: Create an entry popup that displays on page 1 of the session using any template, design, or trigger. Use language such as "Not right now, maybe later" on close. Then, create a second popup using a button trigger. Be sure to select that the second popup will only show on the following page session. For example, if your first popup triggers on page two, then the second popup should trigger on the following page, page 3. This allows the visitor to choose to subscribe at any point in their shopping session.