In-app guidance, AI support & product analytics

Show every user the way forward.

Build product tours, checklists, surveys and announcements in a visual editor and launch them in your web and mobile apps without a release. Then watch session replays, heatmaps and funnels to see exactly where users get stuck.

app.northwind.example/contacts

Contacts

AllLeadsCustomers
Contacts
128
Pipeline
$182k
Won · 30d
9
A live Guidely tour. Click any highlighted element, or step through it.

Installs in minutes with

  • React
  • Next.js
  • Svelte
  • SvelteKit
  • React Native
  • iOS
  • Android
  • Any site via <script>

Guide types

Every kind of guidance. One editor.

From a first-run tour to a quarterly NPS survey, everything you show inside your product is built, targeted and measured in the same place.

Tours that walk people through real work

Multi-step flows mixing modals, tooltips, popovers, spotlights, slideouts and banners. Branch on what users do, and span multiple pages.

Tooltips & hotspots

Point at the exact button that matters, anchored by selectors that survive redesigns.

Checklists

Tasks that tick themselves off when an event fires, a guide completes or a page is visited.

Surveys

NPS, CSAT, ratings and free text, with follow-ups that only appear when an answer calls for one.

Banners & announcements

Tell everyone about what's new — or just the accounts it's relevant to.

An in-app Resource Center

Articles with images, videos and PDFs you page through inline, nested collections, FAQs and recommended guides in one help panel. Show each article only to the audiences it's for.

Start from a template

Ten proven starting points, each one ready to edit.

  • Onboarding tour
  • Feature discovery
  • Setup wizard
  • Form helper
  • Workflow walkthrough
  • Announcement
  • Contextual tooltip
  • Product update banner
  • Onboarding checklist
  • NPS survey

On brand from the first step

Set your colors, font, corner radius and logo once — or paste your website's address and Guidely picks them up for you. Every guide, checklist and the help center use them, and any guide can still override.

Scout · AI support

Questions answered where they come up.

Scout is an AI support messenger that lives inside your product. It answers from your own help articles, walks people through the right guide, and brings in your team when it should.

  • Answers from your help center

    Scout reads your published articles before it replies, and cites them so people can read more.

  • Shows instead of tells

    When one of your walkthroughs fits the question, Scout offers a “Show me” button that starts it.

  • Hands off to your team

    Billing questions, missing answers, or “can I talk to a person?” go to a shared inbox, and replies land back in the chat.

  • On the web, in your apps, or both

    Turn the messenger on for your website, your iOS and Android apps, or any mix of them.

  • Bring the docs you already have

    Upload Markdown, PDF or Word files and Scout drafts help articles from them for you to review and publish.

  • Test it before anyone else does

    Try questions in the Playground first, and run Scout on your own Anthropic key, set per project.

Mobile

Your web guides, now in your iOS and Android apps.

Native SDKs for SwiftUI and UIKit, Jetpack Compose and Android views, and React Native. Built in the same editor, targeted with the same rules, measured in the same dashboard.

  • Native UI, not web views

    Tooltips, spotlights, hotspots, banners, checklists, surveys, the help center and the Scout messenger are drawn with SwiftUI, Android views and React Native components.

  • One guide, every platform

    Tick Web, iOS or Android on any guide. Tag a control once with a Guidely id and the same step points at it in every app.

  • Screens are your pages

    Restrict guides to screens, trigger on screen views, and target by platform or app version.

  • Works offline

    Published guides are cached on the device and events are queued until the network is back.

Swift · iOS 15+ Kotlin · Android 6+ React Native & Expo

How it works

Live in an afternoon. Changed in a minute.

Engineers install Guidely once. After that, product, success and support teams ship in-app experiences on their own.

  1. 1

    Install the SDK once

    Add a provider, a script tag or a mobile SDK with your environment's key. The dashboard flips to “SDK connected” the moment your app loads it.

  2. 2

    Build it visually

    Open your app in authoring mode, click the elements you want to point at, and write the content. Preview the draft in place — nothing ships until you publish.

  3. 3

    Target, publish, measure

    Choose who sees it and when, publish to Development first, then promote to Production and watch completion in real time.

  4. Pick elements in your app
    Autosave with undo
    Desktop, tablet & mobile preview
    Branching steps
$ npm install @guidelytech/react
import { GuidelyProvider } from "@guidelytech/react";

export function App({ children }) {
  return (
    <GuidelyProvider projectId="pk_live_…" environment="production">
      {children}
    </GuidelyProvider>
  );
}

Your dashboard generates this snippet with your real key already filled in.

Targeting

The right guide. The right person. The right moment.

Trigger on page loads, URLs, app screens, clicks or your own events. Target by plan, role, account, behaviour or saved audiences. Then decide how often — so help never turns into noise.

  • AND / OR rule groups
  • Reusable audiences
  • Percentage rollouts
  • Frequency caps & cooldowns
  • Priority when guides compete
  • Never-together rules
  • Platform & app-version rules
  • Screen-based triggers in apps

Guide analytics

Know which guides actually help.

Views, completions, step drop-off, checklist progress and survey results — every number computed from real events your app sends, never estimated.

Onboarding tour
Production · Last 30 days
Sample data
Completion rate
69%
+8 pts
Users reached
12,480
+14%
NPS
+42
+5
Step completion
  • Welcome
    100%
  • Create a contact
    86%
  • Add a deal
    74%
  • Invite a teammate
    69%

Product analytics

See what users actually do.

Session replays, heatmaps, page analytics, error tracking, funnels and retention. All captured by the same SDK and tied to the same users and guides, so there's no second tool to install.

Session replay

Watch real sessions with clicks, page views, console output, network requests, errors and guide steps on the timeline. Inputs are masked before anything leaves the browser.

Heatmaps

See where people click, move the mouse and how far they scroll, drawn over the real page, for desktop, tablet and mobile.

Funnels

Pick any events or pages in order and see who converts, where they drop off, and how long each step takes.

Retention

Cohorts by day or week show whether people come back, and whether your onboarding changed it.

Error tracking

JavaScript errors grouped into issues with source-mapped stack traces, affected users and the replay of the moment it broke, with alerts by email and Slack.

Page analytics

Views, visitors, time on page, scroll depth, entries, exits and bounce rate for every page, captured automatically.

  • Watch replays of users who skipped a tour
  • Jump from an error to the moment it happened
  • Alerts when a replay shows rage clicks, errors or failed requests
  • Save funnels and retention to revisit
  • No tracking plan needed to start

Publishing

Ship with confidence. Undo in one click.

Every project has Development, Staging and Production. Test a guide where it can't reach customers, then promote it when it's right.

Separate environments

Each with its own key and its own published guides.

Immutable versions

Publishing snapshots the guide. Roll back to any earlier version instantly.

Roles that fit your team

Editors build and test. Admins decide what reaches Production.

Viewer
Reads everything
Editor
Builds & publishes to test
Admin
Publishes to Production
Owner
Everything

For developers

Small to install. Sealed off from your app.

Identify users, send the events you care about, and start a guide from code when you need to. Page views, clicks, errors and session replays need no code at all. Everything else is configured in the dashboard.

  • ~44 kB gzipped

    Typed packages for React, Next.js, Svelte & SvelteKit. The replay recorder loads only for recorded sessions.

  • Native mobile SDKs

    Swift, Kotlin and React Native — rendered with native views.

  • Shadow DOM isolation

    Your CSS can't leak in. Ours can't leak out.

  • No cookies

    Consent mode buffers analytics until you say so.

  • Allowed origins

    Keys only load on the domains you list.

  • Same answers everywhere

    Shared test vectors keep targeting identical on web, iOS and Android.

  • Readable stack traces

    Upload source maps from CI with one command; errors show your original code.

  • Per-project upload keys

    Secret keys for source-map uploads, created and revoked in the dashboard.

Read the SDK docs
// Tell Guidely who's here — targeting and analytics use it.
guidely.identify(user.id, { plan: user.plan, role: user.role });

// Fire events to trigger guides or complete checklist tasks.
guidely.track("deal_created", { value: 1200 });

// Or start one yourself.
guidely.startGuide("getting-started");

// Page views, clicks, errors and replays are captured automatically.
guidely.captureException(err, { area: "checkout" });

Privacy & security

Built to be trusted inside your product.

Content that can't run code

Every guide is sanitized on the server and again in the browser. No scripts, no iframes, no surprises.

Only the data you send

Guidely sees the traits you pass to identify. Sensitive-looking keys are dropped automatically.

Replays masked by default

What people type is never recorded. Mask or block any element with one attribute; recordings are encrypted in S3.

Capture on your terms

Nothing is collected before consent. Switch replay, heatmaps, autocapture or error tracking off per project.

Retention and deletion

Set how long events and recordings are kept, and erase any end user's data, recordings included, in one step.

Sign-in your way

Each workspace picks email and password, Google or GitHub, lets your GitHub organization or Google Workspace domain join automatically, and can create logins for anyone else.

Help every user find their way.

Install once. Ship your first tour today, and watch how people use it tomorrow.