Forum Documentation Showcase Pricing Learn more

[New free plugin] Hopscotch Step-By-Step Tours


#21

That works wonderfully so far! This is too cool! Is there a way to not have ANY buttons like “next” “done” or “back”? Can you remove ALL the buttons? So it kind of forces them to either close the tour or click on the element? I think that would make it perfect. :slight_smile:


#22

Is it not too hard to add this possibility too that you see here in the pic above? To get rid of the next button as well if we choose to do so since now we can have them click on the element to move to the next step?

Maybe this can be an option at the step level since some will have it and some won’t? Or even at the tour level is cool to. Just makes them all where you have to click an element. This plug has to be my favorite so far! Bravo :clap:


#23

Hey @j805 sorry for the delay in response - was offline this weekend!

These are good suggestions. You can currently hide the back/close/CTA buttons at the tour level, but I will definitely look into adding these at the step level and also for the next/done buttons.

Very much appreciate the kind words and suggestions!! :slight_smile:


#24

Thanks! Looking forward to the update. Will make a big difference. :slight_smile:


#26

I have to say that this is my favorite plugin so far. :slight_smile: It really is a nice interface. Hopscotch was a great idea. Any news on having the option to turn of the “next” button so it won’t show any buttons at all? Really looking forward to this update! :smiley:


#27

Such a timesaver! Thanks a lot for making this a free plugin, @david2.

It’d be nice to be able to customize the style a bit ourselves (font family, borders, boxshadow, etc.) for both the boxes and the buttons, in order to make it match the overall style of our apps.

That’s really a “nice to have” though. I guess @J805’s idea is both easier to implement and more interesting UX-wise.


#28

Hey @J805 thanks for waiting on this! Just published a new version which includes:

  • Ability to show / hide the “next” button at the tour level
  • Ability hide the “next” and “back” buttons at the step level, which will override the tour-wide settings for that step only

@Lucien You’re very welcome! I will definitely look into adding some ability to customize the styles but can’t give a timeline on this currently. Will let you know when I have updates on this!


#29

Don’t worry too much about it, this plugin is already doing the job in a great and elegant manner!


#30

Thank you!!! Looking forward to implementing this. Awesome! :laughing:


#31

Hi @david2 ;

Thanks for this plugin. But I am getting an error.

The plugin Hopscotch Step-By-Step Tours / action Start a Tour threw the following error: ReferenceError: hopscotch is not defined
at eval (eval at g.create_code (https://dhtiece9044ep.cloudfront.net/package/run_debug_js/829add07931f798bf2671d30abcae7eec5bfcb7c57cf51ce86d14109e7647279/xfalse/x5:99:14419), :3:35)
at https://dhtiece9044ep.cloudfront.net/package/run_debug_js/829add07931f798bf2671d30abcae7eec5bfcb7c57cf51ce86d14109e7647279/xfalse/x5:100:6256 (please report this to the plugin author)


#32

Could it be that the element you’re trying to set the step for is not visible at the time the setup action is triggered?


#33

Hi @Lucien They’re visible. I thought it might be because I tried on the Reusable Element, it works when I try it on a page.


#34

Ah, interesting!