Loading...
  • Customer Experience
    Customer Experience
  • Employee Experience
    Employee Experience
  • Brand Experience
    Brand Experience
  • Product Experience
    Product Experience
  • Core XM
    Core XM

Slider Creative

What's on This Page:


Was this helpful?


This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

The feedback you submit here is used only to help improve this page.

That’s great! Thank you for your feedback!

Thank you for your feedback!


About Slider Creatives

A Slider is a Creative that slides out of the side of the page. Sliders can be used many different ways, such as by providing recommendations to visitors, advertising promotions, embedding feedback surveys, 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.

On the Qualtrics main page, a tab with a survey expands onto the page

Sliders are great for displaying attention-grabbing content in a less disruptive way than the Pop Over because Sliders don’t overlay the entire page or require visitors to interact with them in order to proceed through the page.

How It Works

The Slider animates out from the webpage border. It can slide out automatically when the page loads, and it can also 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. Often this takes the form of a clickable feedback button, but it can be whatever you want.

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

Slider Options

A Slider Creative is built the same way as other standard Creative types, which you can learn about on the Edit Creative Section support page.

The following settings in the Creative Options section are unique to the Slider Creative:

Slider options that usually appear to the left in a grey sidebar

Slider Display

Slider display options function the same as all Creatives’ Timing Options. See the linked page for more.

Remove on Close

“Remove On Close” removes the Slider from the screen when visitors click the visible control you have set. This option only affects the behavior of the Slider when a visible control is enabled.

Remove on Target Click

“Remove On Target Click” removes the Slider from the screen when visitors click the Target.

Slider Has Visible Control

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

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

Control size is set to 32px

Below is an example. When a visitor clicks the pictured Feedback button, the entire bar will slide out:

The editor, where the item meant to be the control turns out to have a width of 32

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.

When selected, Slide In/Out option has additional settings

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.

Green grid around the edge of a rectangle representing the webpage. Vertical offset is set to 50px

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 of the screen using custom positioning and setting Vertical Offset to 50 px:

A screenshot of the slider in action, where the control is 50px from the top of the webpage

FAQs