MARKETPLACE
PLUGINS
HOPSCOTCH STEP-BY-STEP TOURS (FORK)
Hopscotch Step-By-Step Tours (FORK) logo

Hopscotch Step-By-Step Tours (FORK)

Published August 2021
   •    Updated January 2026

Plugin details

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.

See Bubble Editor here: https://bubble.io/page?type=page&name=step-by-step-hop&id=play-and-fun&tab=tabs-1

Free

For everyone

stars   •   0 ratings
190 installs  
This plugin does not collect or track your personal data.

Other actions

Platform

Web

Contributor details

Marcel Gozalbo Baró logo
Marcel Gozalbo Baró
Joined 2025   •   6 Plugins
View contributor profile

Instructions

- 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:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble