Create step-by-step walkthroughs for your application. Useful for onboarding / to guide your users to specific app features
IMPORTANT NOTE: This is a forked plugin from 'Hopscotch Step-By-Step Tours' plugin with 'Start Step' action for running a concrete action index as well as 'stepCount' state for getting the number of inserted states. This plugin is sent to the original authors in order to review if new changes make sense.
- In Bubble, go to Settings > General > ensure that "Expose the option to add an ID attribute to HTML elements" is checked
- Add a "Tour" element to your Bubble page - Use the "Add step to" action to add steps to your tour one by one using element IDs (a standard method for this is adding steps on page load) - Use the "Start" action to begin your tour. Tours will start at step #1 every time
Tips: - You can configure options for the tour on the Tour element and options for each step on the "Add step to" action - You can access the current step number on the Tour element - You can trigger Bubble workflows based on various tour events, such as tour start or tour call-to-action button clicked - When you add a step for a Bubble element, make sure that element is visible at the time the step is added - Use "Reset steps for" to remove all steps that have been previously added to that tour (if you are adding steps in same workflow that you use to start the tour, consider including this action at the beginning)
Types
This plugin can be found under the following types:
Built on Bubble
