(Rated from 17 reviews)
Updated 13 March 2020 by Max

What is Hopscotch? Review

Hopscotch is a framework to make it easy for developers to add product tours to their pages. Hopscotch accepts a tour JSON object as input and provides an API for the developer to control rendering the tour display and managing the tour progress.

Defining a Tour

A Hopscotch tour consists of a tour id, an array of tour steps defined as JSON objects, and a number of tour-specific options. The tour id is simply a unique identifier string. The simplest tour consists of just an id string and an array of one or more steps.

Basic step options

The step options below are the most basic options.

Note that title and content are both optional only because you can choose to have a step with only a title, only content, or both title and content.

This is an example of a tour defined with only basic steps.


A collection of SEO and Marketing resources and tools to help you build your website startup.


We handpick all the resources that appear on ToolsWeLike and are always looking for ideas and suggestions on new tools to feature.


And the tools to make it happen.
Scroll to Top