https://s3-us-west-2.amazonaws.com/secure.notion-static.com/cdebbd4d-f1f3-4621-a89e-f387d215b828/facebook-social-card.png

This article will help you to build your first product tour using Hopscotch in just a few quick steps.

Table of Contents

1. Sign up for Hopscotch

Head over to the app to sign up for Hopscotch with your email and a password.

2. Install the script in your app

See the Hopscotch app settings page for installation instructions specific to your account.

<aside> ⚠️ Important: You should add the script just before the closing </body> tag. Do not add it in your HTML head.

</aside>

Screenshot from the app settings page. Copy the link and add it to your app.

Screenshot from the app settings page. Copy the link and add it to your app.

3. Add your custom theming (optional)