SELECTING A POPUP DESIGN

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

Click here to learn more about the trigger types in-depth. 

  • 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

Click here to learn more about popup targeting.

  • TIP: Use targeting to show a popup in the appropriate place at the right time for your shoppers. You can run multiple active popups throughout your website, such as home page visitors with a subscribe popup, and then different popups specific to a category, and another specific to a brand. Be sure to target these accordingly using our different targeting methods.

POPUP STRATEGIES

With Popup Pro, 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. 
  1. On the configurations page, select a trigger type that's the most appropriate for desktop such as Entry with a 4 second delay. 
  2. Navigate to Targeting, Device, select Don't Show when Device is Mobile. The popup will now only be displayed on desktop. 
  3. 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. 
  4. 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.
Did this answer your question?