Site Intercept - Slider Creative | Qualtrics

Slider Creative

Introduction

Sliders are great for displaying attention-grabbing content in a less disruptive way than the PopOver because Sliders don’t overlay the entire page or require visitor’s interaction.

image11

A Slider can be used for a variety of initiatives including recommendations, promotions, survey invitations, and lead generation. For example, a slider could hold an interactive button that slides out to allow the visitor to sign up for your newsletter via email.

How It Works

The Slider animates out from the webpage border. It can slide out automatically when the page loads, or it can slide out once the visitor scrolls down the page to a point you specify.

Example: Many media organizations use sliders to show related content once the visitor finishes reading an article. Once the reader is near the bottom of the page, a bar slides out offering another article they may find interesting.

Additionally, you can define a portion of the Creative to show before the entire Creative slides out. This creates a “Visible Control” allowing the visitor to slide the Creative in or out. Like mentioned in the opening paragraph, this could be used to set up an email signup form or an interactive feedback button.

Qtip: Impressions aren’t recorded until the actual body of the Slider is displayed. The Visible Control won’t record an impression by itself.

Setting Up Your Slider

A Slider Creative is built the same way as other standard Creative types, which you can learn about on the Editing Creatives page. The following settings in the Change Options section are unique to the Slider Creative:

image03

Display After

Specifies the delay (number of seconds) before the Slider appears.

image06

Using the “Slider Has Visible Control” option, only the control area will display after the specified time and the “Slide In/Out On Page Scroll” option will not take effect until this time has elapsed.

Qtip: The time delay will not begin counting until after all Intercept display logic has passed and the Creative is cleared for displaying. In addition, the Display After settings is separate from any conditions requiring a minimum time spent on site. For more information on this, see our support page on Browsing Session Conditions.

Close After

Close After specifies the number of seconds a slider will appear before automatically closing.

image04

Close After begins counting from the time the Slider is displayed on the page. If set to 0 seconds, the Slider remains open until the visitor clicks on the target or closes it. When using a visible control, the Slider returns to the initial position rather than completely closing or disappearing.

Remove on Close

Remove on Close removes the Slider from the screen when visitors click the Close button. This option only affects the behavior of the Slider when a visible control is enabled.

image10

Remove on Target Click

Remove on Target Click removes the Slider from the screen when visitors click the Target.

image01

Slider Has Visible Control

Slider has Visible Control sets a clickable control area. The Control Size box adjusts the desired width (in pixels).

image08

The control size should be set to the width of the item you want to display as the visible control.

image07

Result:

image02
When a visitor clicks on this visible control area, the entire bar will slide out.

Slide In/Out On Page Scroll

Slide In/Out On Page Scroll specifies the percentage of the page or number of pixels the visitor must scroll to trigger the Slider. Set the distance in relation to either the top or bottom of the page.

image00

Slider Position

Slider Position specifies where the Creative slides in from. Use the Vertical Offset option to position the Creative above or below this initial position.

image09

Qtip: The Slider Position also affects which side the visible control is on (if enabled). For example, if it slides from the left side of the screen, the visible control will be on the right part of the Creative.

In the following screenshot, the Slider was placed in the top-right corner of the screen using custom positioning and setting Vertical Offset to 50 px:image05