v1.0 is now live

Ship guided onboarding
tours in minutes

Embed a configurable, animated tour widget with analytics—built for modern web apps. Zero layout shift. One script tag.

Check Docs

localhost:5173/dashboard

Step 1 of 5

Track your analytics

Monitor conversion rates and drop-offs directly from this panel.

Trusted by product-led teams shipping fast

ACEM

globxe

soylet

intiech

Masive

Everything you need to
help users navigate your website

Designed for developers, loved by product managers.

Embeddable Widget

One lightweight script. Zero layout shift. Loads asynchronously and works with your vanilla HTML.

Analytics Built-in

Automatic events for start, complete, skip, and drop-off. Visualize funnel performance directly in your dashboard.

Guide User

Helps new users get acquainted with your website quickly and efficiently.

Enterprise Security

Authentication via your existing provider (Clerk). Anonymized tracking by default.

Polished Motion

Silky smooth spring animations.

A11y First

Keyboard navigation, focus trapping, and ARIA attributes handled automatically. WCAG AA compliant.

Ship in three steps

Create your tour

create a tourbridge account and set up your first tour in minutes on your dashboard.

Define your tour steps

create, style, and customize your tour steps on your dashboard with our intuitive step builder.

Embed the script

Copy the unique snippet for your tour and paste it into your website's HTML before the closing </body> tag.

Read the documentation

index.html

<script src="https://unpkg.com/convex@1.3.1/dist/browser.bundle.js"></script>
<script data-tourId="yourtourId" src="https://venerable-churros-558104.netlify.app/tour-widget.js"></script>
<script>
    document.addEventListener("DOMContentLoaded", () => {
    window.InitTour({"tour_id": "12345"});
    });
</script>

"We launched onboarding in a week and doubled our completion rate. The developer experience is unmatched."

Sarah Jenkins

PM @ TechFlow

"Analytics revealed friction points we didn't know existed. Activation climbed 18% in the first month."

David Chen

Head of Growth

"Accessible by default. QA time dropped significantly because we didn't have to build custom focus traps."

Elena R.

Engineering Manager

Start free. Give user a nice onboarding experience.

Frequently asked questions

How well does it works with HTML page?

The widget works perfectly on any standard HTML page. Just add the script tag, include the required selectors, and you're ready to go—no extra setup needed.

How does the styling work?

The widget inherits a base font and color automatically. You can override colors via the dashoard and also customize your button color and text color.

Is it accessible?

We take accessibility seriously. The tour handles focus trapping, ARIA labeling, keyboard navigation (Escape to close, arrows to navigate), and respects reduced-motion preferences.

Can I use this widget in React?

Not at the moment. The widget is currently optimized only for plain HTML pages. Support for React and other frameworks may be added in future updates.

Ship guided onboarding tours in minutes