MARKETPLACE
PLUGINS
FULL PRODUCT TOUR - ONBOARDING
Full Product Tour - Onboarding logo

Full Product Tour - Onboarding

Published May 2024
   •    Updated March 2026

Plugin details

The Full Product Tour - Onboarding plugin makes it easy to increase the product adoption.  
It lets you design, deploy, and test captivating product tour / onboarding experiences in minutes, not weeks.




🚀 BOOST ACTIVATION WITH TAILORED ONBOARDING
Use personalized welcome flows to guide new users to their aha moment


🎢 IMPROVE CONVERSION BY REDUCING TIME TO VALUE
Guide users through features—increasing engagement and adoption.


😍 CREATE STICKINESS WITH FEATURE ADOPTION
Use product tour to drive awareness and adoption of new features or nudge users to discover features they have yet to try.

🎨 BRAND YOUR TOUR
Choose colors, elements & visuals to match your style. Add images or GIFs for flair!  More customization options await.


--

🛍️ Try out this plugin with a subscription – it's risk-free! If you unsubscribe early, you'll only be charged for the days you used it. For instance, with a monthly price of $8, that's just $0.27 per day!

$8

Per month

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

Platform

Web

Contributor details

Full Group logo
Full Group
Joined 2021   •   5 Plugins
View contributor profile

Instructions

Here's how to build your product tour/onboarding in Bubble with just 6 steps:
1. **Grab the Full Product Tour plugin:**  
Add it to your Bubble app, making sure it's included in the element tree.

2. **Expose the option to add an ID attribute to HTML elements:**
Go to settings, check the "Expose the option to add an ID attribute to HTML elements" and assign an ID to the element that you want to highlight during the tour.

3. **Set up a workflow to launch on page load:**
This will trigger the tour when the user lands on the page.

4. **Craft your tour steps:**
In the Workflow view, use the "Element actions" menu and choose "Add a Step a Full Product Tour". Fill in the Step Title, Step Description and Element ID for each step to highlight a specific element during the tour.

5. **Repeat for all steps:**
Keep adding steps using the same method until your entire tour is defined.

6. **Start the tour:**  
Once you've built all the steps, use "Element actions" again and select "Start Tour a Full Product Tour" to activate your creation!


Your product tour is now created and should appear when your app is started.

Use the "Full Product Tour Has Finished" event to trigger your extra logic for product tour finished.

--

Check out the demo app's editor here:
https://bubble.io/page?type=page&name=full_product_tour&id=full-group

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