Site Intercept - PopOver Creative | Qualtrics

PopOver Creative


The PopOver is an excellent way to grab your visitor’s attention.  It’s also one of the most commonly used Creatives.

PopOvers can be used for a variety of purposes, including for displaying notices, advertisements, invitations, or special offers.

This PopOver is used to collect feedback from visitors after they have browsed the website for a specified amount of time.

With PopOvers visitors must interact with the PopOver before they can continue their visit, which elicits high click-through rates, at the cost of its interruptive nature.

How It Works

The PopOver is an embedded window that appears on your website, overlaying your page content. It can be animated, and you can have it display anywhere on the page.

The PopOver fills the same role as a traditional PopUp window. However, rather than opening a new window that is subject to PopUp blockers, the PopOver is a piece of HTML embedded directly onto your website. Some advanced ad-blockers are able to detect and prevent this content, but most visitors will see the PopOver if they meet your targeting conditions.


PopOver Considerations


As with all website content, there are pros and cons to using a PopOver. Take the following considerations into account when deciding if this is the right Creative for your project.

  • A more accurate sample: For website feedback, less visible Creatives such as a Feedback Link tend to attract those with strong opinions looking for an outlet. A PopOver, on the other hand, requires action from each visitor that qualifies. For keeping a general site satisfaction score, feedback received through a PopOver tends to be more balanced and representative.
  • Higher click-through rates: Although some visitors may have PopOver fatigue from seeing this Creative used extensively across the web, PopOvers can still attract a higher click-through rate than other less visible Creatives.
  • PopOver fatigue: If you find your click-through rate isn’t where you’d like it, consider other prominent alternatives such as the Slider or the InfoBar. These Creatives, though not quite as visible, are novel for visitors and thus may attract the same attention.
  • Change in website behavior: Because PopOvers are so prominent, they may impact visitors’ behavior. Consider an eCommerce site: a PopOver offering a limited-time discount matches the visitors’ intent and can increase revenue. However, a PopOver on the checkout page inviting them to take a survey may distract them from finalizing their purchase.

Setting Up Your PopOver

A PopOver Creative is built exactly the same as other standard Creative types.  For a refresher on how to build a Creative, refer to the Editing Creatives page. The following settings are unique to PopOvers and are available in the Change Options section:image07

Display After

Display After specifies the number of seconds to wait before triggering your PopOver to appear. This time is in addition to any time requirement you may have set when creating your Intercept conditions.


Qtip: Displaying the PopOver right when the page loads may result in a jarring experience for the visitor. Consider adding a few seconds of delay to give the visitor a chance to get oriented.

Close After

Close After specifies the number of seconds to wait before automatically closing the PopOver. This starts counting from the time the PopOver is displayed on the page. When left at 0 seconds, the PopOver will remain open until the visitor clicks on the Target or closes the window.


Qtip: Be careful using this option if your Creative has interactive content embedded directly on it. For example, if there is a survey directly on the Creative, you wouldn’t want to automatically close the PopOver while the participant is responding!

Animate PopOver

When checked, the PopOver will move across the screen into place rather than simply appearing in its final position.image01

Once you’ve enabled the option you’ll see a grid where you can choose a path for the Creative to follow. Simply select a Start Position and End Position. You’ll also see the following new options:

  • Animation Duration: Change the amount of time it takes for the PopOver to move from the Start Position to its final Display Position.
  • Animation Transition: Change the way that your visitor sees the PopOver animation. For example, Bounce Past will make the embedded window go beyond its final Display Position and then bounce back to it.

Shadow Box

When enabled, the Shadow Box option allows you to draw more attention to your PopOver by dimming the web page behind it.

This PopOver becomes clearer and looks cleaner when the rest of the website is dimmed.

You will have the option to change the opacity of the shadow, and also to specify whether to dim gradually or immediately.


Prebuild PopOver

By default, PopOvers with a delay, are built and hidden as soon as the page is loaded. This way when it’s time to display the PopOver, everything is pre-built and can slide in smoothly. It’s best to leave this option checked unless your PopOver contains media that is set to autoplay.image05

Display Automatically

Checked by default, the Display Automatically option ensures your PopOver displays automatically. The alternative is to add JavaScript to your website that tells the PopOver when to display. (Do not confuse this feature with “Manually Load Intercept,” which allows you to use JavaScript to trigger an entire Intercept.)


Qtip: The JavaScript method to trigger the PopOver display is


where SI_8DrhAAilvruny61 is replaced with the ID of your Intercept.

For Qualtrics surveys as embedded targets, attempt to close PopOver on survey completion

If a Qualtrics survey is embedded directly into your PopOver (as opposed to providing a link to take the survey), check this box to have the PopOver close automatically once the visitor finishes the survey.image02

In Internet Explorer 7 and older, or in other browsers that do not support auto-close, this functionality will not be available to the visitor.