MARKETPLACE
PLUGINS
ONBOARDING - PRODUCT TOUR
Onboarding - Product Tour logo

Onboarding - Product Tour

Published October 2024
   •    Updated April 2026

Plugin details

Quickly add a walk-through tour for onboarding your users. Highlight elements in order and display information popups.
⛳️ Design beautiful onboarding tours in minutes
Help customers discover everything they need to know about your app with interactive tours

💡Introduce users to your app and explain key features
Add ‘steps’ to your tour that show users how to use the key features of your app

🎨 Customize the tour to match your branding
You can choose the color of the tour, select a custom font, add images or GIFs to the steps and much more

🎯 Engage users by adding actions to the tour
You can get users to click buttons, fill out input fields and take other actions as part of the tour

🛠 Fully programmable
Integrate custom actions, steps and custom states with your product tour

Instructions:
1. Add the tour element to your app.
2. Configure the element's settings as you need. Settings include:
Text color
Padding
Action buttons text
And more!
3. Add any number of Add Step Tour actions to a workflow to setup your tour (such as when the page is loaded).
4. Configure your steps' text, id and position.
5. Add a Start Tour tour action to a workflow to start your tour!

🧑🏻‍💻 Demo: http://datamatic-02.bubbleapps.io/version-test/product-tour

🔗 Editor: https://bubble.io/page?id=datamatic-02&test_plugin=1725564367720x776123676291760100_current&tab=tabs-1&name=product-tour&type=page

$8

Per month

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

Platform

Web

Contributor details

Datamatic Software logo
Datamatic Software
Joined 2022   •   36 Plugins
View contributor profile

Instructions

Instructions: 1. Add the tour element to your app.
2. Configure the element's settings as you need. Settings include:
Text color
Padding
Action buttons text
And more!
3. Add any number of Add Step Tour actions to a workflow to setup your tour (such as when the page is loaded).
4. Configure your steps' text, id and position.
5. Add a Start Tour tour action to a workflow to start your tour!

Demo: http://datamatic-02.bubbleapps.io/version-test/product-tour

Editor: https://bubble.io/page?id=datamatic-02&test_plugin=1725564367720x776123676291760100_current&tab=tabs-1&name=product-tour&type=page

Types

This plugin can be found under the following types:
Background Services   •   Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble