Hopscotch

What Hopscotch is

Hopscotch provides targeted in-app messaging for digital product teams, including tours, tooltips, modals, and announcements. Teams can use it to onboard users, encourage feature adoption, explain products, and announce updates. Interactive tours let users click buttons and links or fill in form fields as they move through a guide. Conditional logic can segment messages according to individual user activity, and scheduled campaigns can announce features or events. A browser SDK supports programmatic interaction, while a Chrome extension lets teams preview experiences in their app without installing code. To make experiences live in a web app, the installation guide calls for adding the Hopscotch script to the app’s HTML template before the closing body tag. Starter costs $99 a month for up to 1,000 monthly users; Growth costs $249 a month for up to 3,000. Growth adds surveys and NPS, advanced segmentation, custom events and analytics, integrations with GA4, Mixpanel, Heap, Segment, and Zapier, and live support. Business has custom usage and plans, with price available by inquiry. Hopscotch offers a free trial; support varies by plan.

Who it suits

It suits SaaS and other digital product teams building onboarding, feature education, or update messaging into a web app. Teams needing integrations or higher user allowances can consider Growth, while Business is for custom plans and integrations.

Limits

Starter includes up to 1,000 monthly users; Growth includes up to 3,000. A monthly active user is a unique visitor who loads a page containing the Hopscotch script during a calendar month; exceeding a plan limit triggers an automatic upgrade with advance email notice.

Getting started

1. Visit https://hopscotch.club/ and start the free trial.
2. Choose a plan, starting with Starter at $99 a month or Growth at $249 a month.
3. Add the Hopscotch script to the web app’s HTML template before the closing body tag to make experiences live.
4. Use the Chrome extension to preview experiences in the app without installing code.
5. Use the browser SDK to interact with Hopscotch programmatically.

Verdict

Hopscotch combines interactive product guidance, segmentation, and scheduled announcements for web product teams. Check the monthly user limits and required script installation before choosing a plan.