How to Set Up the Tour Plugin

1. Add the Tour element
   Add the Tour element to the page where you want to display the tour.
2. Enable Element IDs
   Go to Settings → General in your Bubble application and enable “Expose the option to add an ID attribute to HTML elements.”
3. Assign Unique IDs
   For each element you want to highlight during the tour, open its properties and assign a unique ID. These IDs will be used to identify the elements in the tour.
4. Add Tour Steps
   In your workflow, use the “Add step” action to add each tour step. Make sure to specify the appropriate step number and the corresponding element for each step.
5. Start the Tour
   After adding all the required “Add step” actions, add the “Start a tour” action at the end of the workflow. This will start the tour using the steps you have configured.

LimitationsThe plugin can only reference elements that are visible on the page when the “Start a tour” action is triggered.
If your application needs to show or hide elements dynamically during the tour, please contact us at thechakor.com for assistance.