@greg18 nope I didn’t do anything to the button sizes - glad to hear you’re finding them better though
Any idea how I can choose a custom state for the user. I’ve added a user tab in backend saying first time firsttimeuser (yes/no) and on sign up, classes the new user as yes. At the tour workflow I’ve added: page load - only when user is firsttimeuser (tour steps) and at end of tour I’ve made changes to user: firsttimeuser = no.
But, still loads the tour on oage refresh
Any help would be greatly appreciated.
I managed to sort it. but now need to figure out how to show again on a button without it reloading on page load.
Hi @Timbo, glad you were able to figure it out
- Create a field for the user data type called “Tour Completed?”.
- Type is “yes/no”.
- Set the default to “no”
- Add steps to the Product Tour on page load as you normally would
- However, you only want to run the tour when the current user’s “Completed Tour?” is “no”
- Add a step to the end of the workflow that changes the current user’s “Completed Tour?” to “yes”
- This means it will only run once (the condition we put into Step 2 ensures this)
Restarting a Tour for a user who has already completed one
@Timbo I believe this was your query? You can restart a tour for a user by simply using the “Start a Product Tour” action
If you have any other questions just let me know.
@mattblake recently put together this nice tutorial on how to use the plugin. Includes a section on how to build a product tour across multiple pages of a dashboard app (or “Single Page Application”)
Thanks for such a detailed breakdown Alex. Really appreciate that buddy
Works perfect now too! Thanks
The tour is not ending even though I Finished the workflow with “Element actions” → “Start a Product Tour”, After I click done it starts it all over again instead of exiting the tour. Any suggestions?
Hi @keano.t , sorry that you’ve been having problems.
Could you send me a link to your bubble editor and I can take a look? (can dm me or email [email protected]).
Please make your bubble editor public before sending the link
Hey @alexcooney5, sent you an email
Is there a possibility to add a back button?
Hi @Theodoros, you can activate the back button by checking the “Allow user to go to previous step” box on the Product Tour element
Oh I didn’t see it! Thanks so much!!!
Hi Alex - when including an offset (-100px) for a step, the arrow doesn’t appear to offset in the same way as the tour box does. See attached:
My intent was to have the arrow pointing at the blue “hire” option, but it appears stuck at the bottom of the container.
Thanks for any help!
Hi @mikeh, thanks for bringing this to my attention.
I’ll need some time to investigate this and to try and come up with a solution - will aim to get back to you with an update by Sunday.
Apologies for the inconvenience.
Thanks Alex - appreciate the help! If I can give you any additional detail, let me know.
Hi @mikeh, I’ve just pushed an update to this plugin that allows you to choose whether or not to show arrows to individual steps. I appreciate this isn’t exactly what you were looking for, but hope it at least means it won’t look as though the arrow is pointing to the element.
Under the “Add a step in Product Tour X” action, there’s now an option called “Show Arrow” that you can set to yes/no.
When set to “no”, there will not be an arrow on that step of the tour:
The arrow will remain on other steps in the tour where “Show Arrow” is set to “yes”.
You’ll need to upgrade to the latest version of the plugin to access this feature.
Hope that helps
Hi @alexcooney5 - I’ve got another one for you… i’m having an issue where tours are not ending when they should. Instead, the tour continues to show the “next” button and loops through the steps, sometimes 2 or 3 times, then presents the “done” button. Very strange behavior! A hard refresh of the page seems to make it work correctly, at least the first time through.
Hi @mikeh, thanks for bringing this to my attention. This issue can occur if you have multiple “on page load” actions - is this the case with your app? The solution is usually to put the Product Tour in a custom event.
Happy to take a look at your editor and try and figure out the problem (you can dm me your editor link if you like)