help_outline

Onboarding

scatter_plot

{{guide.Title}}

play_arrow

Add Step

Edit Step

INTERACTIVE MODE Cancel
Loading...
1

Tooltip

Supports Tokens (except in Interactive Mode).

Supports Tokens (except in Interactive Mode).

Specify the placement of the tooltip relative to the targeted element.

If there isn't enough space to show the tooltip, the Guide will automatically choose a better position. Turn this setting on to always use Placement defined above.'.

Grays out everything except the selected element and the tooltip

Grays out everything except the selected element and the tooltip

Disabled steps are skipped
(Disabled steps are skipped)
2

Position

Select the page where the tooltip will be shown.

To reload the page with the edited Query String click here.

QueryString that will be appended to the URL when arriving at this step. This field supports Tokens.

QueryString that will be appended to the URL when arriving at this step. The field is initialized with the preview page's query string.

Existing Query String: "{{existingQS}}"

Keeps the query string from the previous step
(Keeps the query string from the previous step)

Optionally, attach the tooltip to page element by specifying a jQuery selector. Use the picker button to select the element with the mouse.
Swtich to interactive mode to pick pages real time

Alternatively, write some javascript code that returns an HTML element or jQuery object. If specified, the Guide will first evaluate this expression, and, if element is not found, it will fallback to using the DOM selector above.

Focus the element when the tooltip is displayed.

Specify which event triggers the guide to advance to the next step. Alternatively, trigger next steps by adding a button with a "Next Step" action. Use the picker button to select the element with the mouse.
Swtich to interactive mode to pick pages real time

3

Buttons

help_outline