Creating a sticky bar

A sticky bar is a message that is positioned at the top or bottom of a page to display personalized messages and content to drive conversion and engagement.

To configure a sticky bar:

  1. Design a short message that will drive conversion and engagement by helping your visitors focus on the primary tasks on the page. A sticky bar should stand out from the page so that users can easily distinguish it from the page. Make sure the sticky bar does not obscure something important on your page.
  2. Choose a trigger scenario based on user actions and the messages you want to deliver.
  3. Target certain visitors.
  4. Select an action so that you can measure the success of your campaign.
Example: To configure a sticky bar to be displayed once a month to prompts an unregistered visitor to sign up for a newsletter:
  1. Open the Content tab of your campaign and click the Components icon Image of the icon that you click to open the list of components, including sticky bar .
  2. Select a sticky bar.
  3. Select the sticky bar and modify it:
    1. Change the text.
    2. Change the font color.
    3. Change the background color.
  4. Select the On Page Load trigger.
  5. Show this sticky bar to an unregistered visitor once a month.
  6. Once the visitor closes the sticky bar, never show it gain.
  7. Show the sticky bar in Preview mode.
  8. Set up a targeting rule to only show this campaign to visitors where Registration = Not Registered.

Design

The following Campaign Designer editing tools are available:
  • Text Styles: You can change the text of the default content. See rich text editing
  • Colour: You can modify the color of your sticky bar background and fonts.
  • Size and position: The Size & Position panel includes the following settings for sticky bars.
    • Sticky Bar position: You can move the sticky bar to be positioned at the top or bottom of the page.
    • Size: You can change the height of the sticky bar. The bar is designed to fill the full width of the window.
 Image of the Size and Position panel

Trigger scenarios

Sticky bars can be triggered based on the following events:
  • On Page Load: If you want to attract a visitor's attention as they first enter your site (or after a specified delay), you may want to show them a sales offer that is currently running on your website. Your main call to action (CTA) will take them straight to the sale page.
  • If mouse is idle: If your visitor is lingering, you can show a scarcity message, such as these items are selling fast or only 3 left.
  • When Mouse Leaves Viewport or When Page Loses Focus: Show an offer to visitors who are about to leave your site, such as offering them a discount on their next purchase if they checkout now.
  • On JavaScript Event: You can write your own trigger that uses the On JavaScript event trigger. For example, when your visitor adds an item to their cart you can nudge them towards the checkout by displaying a message that lets them know the item has been added to their cart and ask if they want to continue browsing or checkout now.
  • Triggers: You can create On Click, On Hover, or On Mouse triggers for any object on your page. For example, when your visitors click on a Sale link on your site, you can display a message explaining that there is a further 10% off all sale items this week.
 Image of the Interactions panel

Targeting

You can use targeting to make sure the right visitor sees the sticky bar at the right time. For example, if you know your visitor does not yet have an account on your site, when they visit your site you can show them a sticky bar with urging them to register and sign up to your newsletter.

For more details, see personalization and targeting my campaign to certain visitors.

Actions

You can add actions so that you can measure the success of your campaign's sticky bars based on its intended CTA. See selecting elements on a page to edit or track actions.

Frequency

Deciding how often to show your sticky bar depends on the content. If you select Always show, remember that showing your sticky bar too often might annoy your visitors and interrupt their experience on your site. Once a visitor closes a sticky bar, you may decide to never show the sticky bar again to avoid annoying them. You can also set up a custom frequency to show your sticky bar a number of times per hour, day, week, month, session, or campaign.

Closing

You can specify different ways for your visitors to close a sticky bar. For example, they can click on close button or click on the outside of the sticky bar.

Learn more

Creating a callout

Creating a lightbox

Rich text editing

sticky bar, trigger, action