A Slide-out message in BlueConic slides a message into view from one of the borders of your page when a visitor clicks a trigger. The position of the trigger remains static while the visitors scrolls the page contents.

The following is an example of a slide-out message:

To create a new slide-out dialogue open the Dialogues tab, click Add dialogue and select Slide-out message from the gallery. After creating the dialogue, open the What tab and navigate to the page where you want to add the slide-out. Click the Place on this page button to add the slide-out to the page:

You now see an empty slide-out message title and content on the right-hand side of the page, ready to be edited:

If you do not see the empty slide-out message at first, try reloading the page to make it appear.

Slide-out messages allow for a lot of customization, so to help you we added some great starter templates. Click Load from Template in the properties widget on the right and you will get a gallery of starter templates:

You can edit existing templates by hovering over them and selecting the pen icon that appears, or you can design new templates with the Add new example button. In either case you are prompted to design the template using HTML, CSS, and JavaScript.

Select the template that fits your content best. The template is copied into your sandbox where you can now start editing like in the regular Text editor:

Use the Edit trigger and Edit content buttons to select which part of the slide-out to edit:

Note that the form is part of the content and can be edited as well. Click the field to modify the form.

The slide-out has categorized settings that can be selected from the settings pulldown menu:

These are the styling options:

The following properties can be set:

These are the timing settings:

This is the JavaScript option:

This advanced settings option is relevant when you want to register conversions for the slide-out. In order to be able to register a conversion, BlueConic needs to register a click event first:

Note that there are several instances where you do not need to specify a click event selector. See the What tab documentation for Dialogues for details.

For tips on testing your dialogues with the BlueConic Simulator, see the video and tips in Testing Your Dialogues. Also see the troubleshooting dialogues section.