Page tree
Skip to end of metadata
Go to start of metadata

Callout messages are anchored to an element on a page. They should be used when you want to call attention to a certain element or piece of information on a page.

Interaction Studio Classic Only

  • The contents of this article are intended for customers using Interaction Studio (formerly Evergage Classic). Do not adjust your beacon version to downgrade or upgrade.
  • The Visual Editor Chrome Extension will no longer be available starting January 1, 2023. For more information, see this knowledge article.
This Article Explains

This article details how to create a Callout message, adjust message settings on the Type tab, and save your message. 

Sections in this Article

Get Started

  1. If you haven’t already, open any page of your website, click the Visual Editor logo to the right of the address bar in Chrome, and click the Visual Editor slider to enable it

    If you do not see the Visual Editor logo, you need to install the Evergage Visual Editor
  2. Create or edit a campaign  

Create a Message

  1. Left click the element that will anchor the callout message and select 

  2. Select Add Callout Message and select the Direction: Top, Right, Bottom, or Left

  3. Click  to adjust appearance and position, select a template appearance, set rules, options, and/or promoted content

    Message format is not controlled in MESSAGE SETTINGS
  4. At any time, click OK to save changes or CANCEL to close MESSAGE SETTINGS without saving

Message Settings

This article details information about Callout-specific Message Settings on the Type tab only. For more information please see Adjust Message Settings and Add Rules for Campaigns, Experiences, and Messages .

Type Settings

  1. Message Type  is pre-selected as Callout

    Click the drop-down to change the type
  2. jQuery selector is pre-filled with the name of the anchor element you selected in step 3 above
  3. Callout direction is pre-filled with what you selected in step 4 above
  4. Select options as needed:
    1. Show only when target callout is in view—when selected, the message will remain hidden until the anchor element you selected in step 3 above is in view of the user. For example, if this option is selected and the target is "below the fold," the message is hidden until the viewer scrolls to it
    2. Keep message displayed even after the message target is removed—sometimes the anchor element or message target may disappear, like a drop down item. Selecting this keeps the message visible even if that element is gone.
    3. Insert callout content into page—use this to add a custom target using HTML. For example, you can use it to add a tool tip to your site.
    4. Do not show until user...—the message will not show until the viewer hovers or clicks the target selected in step 3 above. If you select hovers over you can also select the option to highlight the target with a specific color
    5. Non-Blocking—visitors will still be able to access the page beneath the message without having to dismiss it
  5. Multiple Interaction Studio messages anchored to the same element will rotate after the specified number of seconds. Enter the seconds.

Save Your Changes

  1. When you have finished updating Message Settings, click OK 
  2. Click SAVE or SAVE & CLOSE at the top right of the campaign window to save your campaign changes