We encourage you to take a look at the demo and editor page to see how the plugin works: > Try it on a demo page
> Check the editor page

In a nutshell: when you install the plugin, you will see a new element in the left side of bubble editor, named "📣 Onboarding tour".

📣 To begin, add it to your page, and change the parameters to match your favorite style.

➕ Use the action "Add a step to an Onboarding tour" to add the first step to your tour.  Choose title

🔎 If you want to highlight a specific element on your page, assign an ID to it. To do so, first enable the Bubble option "Expose the option to add an ID attribute to HTML elements". It is located in your Bubble app Settings -> General.



After, you will find a field at the end of any Bubble element Appearance tab, named "ID attribute". Choose a text value and assign it to the element you want to target. Use that value in the "Add a step" action.


🚀 When you have added all the steps, use the action "Start an onboarding tour" to show the tour to your user!