Docs
HomeSupportDashboard
DocsGetting started

Quickstart

Put your first guided tour live on a website in about five minutes.

This gets a tour running on a website. For an app, follow the apps overview instead — the dashboard steps are the same.

Five steps

  1. Create an account

    Sign up — it’s free, no card needed. The free plan (Nothing) includes one site and one walkthrough, which is all you need to try it.

  2. Add your site

    On the Sites page, click + Add site. Choose Web, give it a name and enter your domain (for example example.com — no https://).

  3. Paste the embed code

    Your new site tile shows its embed code. Copy it and paste it into your site’s HTML, just before </body> (or in the <head>) on every page where tours should run.

    HTML
    <script src="https://app.lovelysomething.com/embed.js" data-site-key="sk_xxxxxxxxxx" async></script>

    Deploy, then click Test installation on the site tile to confirm we can see it.

  4. Build a walkthrough

    Click Walkthroughs → on the site tile, then create a new walkthrough. Give it a name and a page path (for example / or /dashboard), then add steps. Each step needs a title, a short description and a CSS selector for the element it points at.

    Don’t want to write selectors? Use the Visual Editor to click elements instead.

  5. Save and switch it on

    Save the walkthrough and make sure its toggle is active on the walkthroughs list. Reload your page — the launcher button appears in the corner. Click it to start the tour.

Tip
If the launcher doesn’t appear, it’s almost always one of three things: the script isn’t on the page, the page path doesn’t match, or the walkthrough isn’t active. See Troubleshooting.

Where to next

Something missing or unclear? Tell us and we’ll fix the page.