Onboarding examples

← All examples

Technologies

  • React
  • Vue

Components

  • Tour
  • Checklist
  • Modal
  • Hints
  • Card
  • Custom

Use cases

  • Onboarding
  • Engagement
  • Adoption
  • Announcement
  • Education

Features

  • Fields
  • UI components
  • Rich text
  • Gate logic
Custom checklist thumbnail

Custom checklist

A custom checklist powered by @dopt/react-checklist

Checklist thumbnail

Checklist

Help users get up and running with a set of focused tasks

Custom textarea thumbnail

Custom textarea

Guide users through concepts with nudges that are deeply integrated with product UI

Embedded tips thumbnail

Embedded tips

Inline contextual tips to help users learn about product and UI concepts

Custom hints thumbnail

Custom hints

Custom hints powered by @dopt/react-hints

Hints thumbnail

Hints

Self-guided contextual hints that help with feature discovery and education

Learn-by-doing onboarding thumbnail

Learn-by-doing onboarding

Interactive onboarding by using the product itself to teach concepts and interactions

Setup thumbnail

Setup

A guided experience to walk a user through crucial steps to get going with your product

Custom tour thumbnail

Custom tour

A custom tour powered by @dopt/react-tour

Tour thumbnail

Tour

Guide users along their journey through your product

What will you build with Dopt?

Start for free →
  • Tooltips
  • Announcements
  • Progress bars
  • Hotspots
  • Contextual tips
  • Context panes
  • Feature call-outs
  • Welcome messages
  • Launchers
  • Upsells and cross-sells
  • Embedded cards
  • Banners
  • Modals
  • Tooltips
  • Announcements
  • Progress bars
  • Hotspots
  • Contextual tips
  • Context panes
  • Feature call-outs
  • Welcome messages
  • Launchers
  • Upsells and cross-sells
  • Embedded cards
  • Banners
  • Modals
Dopt logo

The first developer platform for product onboardingHeart emoji

AICPA SOC logoSOC 2 Type II compliant

Product

  • Dopt overview
  • UI components
  • User and company targeting
  • Analytics
  • Integrations

Developers

  • Documentation
  • Get started
  • @dopt/react
  • @dopt/vue
  • @dopt/javascript
  • APIs
  • System status
  • GitHub

Learn

  • Blog
  • Changelog

Connect

  • Slack community
  • Contact us

Company

  • About us
  • Careers

© 2023 Dopt Inc. All rights reserved.

  • Privacy
  • Terms