Introducing fields: Use Dopt as an in-product CMS →

Developer infrastructure
for product onboarding

Use Dopt’s SDKs to easily build high-quality product onboarding and education flows.

Trusted by teams at:

Outlign logoAttio logoCycle logoFractional logo

Headless product adoption platform

Dopt helps you build better onboarding and education flows.
Build any pattern, anywhere in your product, all in your UI.

Flow

Craft your flows

Powerful building blocks and an in-product CMS make it easy to define targeting, logic, actions, and content that powers your onboarding and education flows.

Code integration

Build with our SDKs

Flexible developer tools help you easily develop product onboarding and education, using your UI, without having to manage business logic or user states.

User state management

All in one powerful platform

Flow versioning, admin controls, and out of the box observability tools help you build and iterate confidently and quickly.

A complete toolkit to build
onboarding and education flows

Visually model business logic

Connect blocks to define how users should progress through multi-step flows.

Flow

Powerful building blocks

Our blocks make it easy to craft the right flow
logic for your product and users.

Blocks

SDKs to access user and flow states

Tools to access and update user, flow, and block state make developing experiences easier. Simply tell Dopt when a user completes a block and Dopt automatically handles what happens next.

SDKs

In-product CMS

Define content fields in Dopt and access them with our SDK to power in-product copy and configuration. Update content without a code push.

Fields

User targeting

Target on user and company properties to create tailored flows. Send data directly to Dopt or integrate with Segment.

Start blocks

User state management

Dopt automatically tracks and manages which users have done what so you don’t have to.

User flow state

Flow versioning and admin tools

Easily deploy, restore, and audit your changes.

Flow versioning

Observability tools

Complete visibility into your users and flows.

Flow versioning
Emoji star

Drive product led growth

Help users discover and understand your product’s value across their
entire journey, from new user to power user.

Checklist exampleTour exampleEmbedded tip exampleEmpty state example

Build better onboarding

Activate more users by guiding them to value specific to their role, permissions, or goal.

You could build

  • Getting started checklists
  • Onboarding guides
  • Product walkthroughs and tours

Increase feature adoption

Help users discover and use new and relevant features.

You could build

  • Feature walkthroughs and tours
  • Contextual call-outs
  • Opt-in feature education
  • Announcements

Contextual education

Provide users with contextual help and support, enabling them to learn the product while using it.

You could build

  • Embedded tips
  • Empty states
  • Contextual call-outs

Make any surface area targeted and editable

Enable anyone to update in-product content.

You could build

  • Editable links to help content
  • Personalized welcome screens
  • Anything!

Build better onboarding, your way

Dopt is flexible, headless, and can power any UI in any way you want.

Use any component library

Use your UI, open source UI, or our examples UI. Dopt SDKs work with any component library — easily.

Use your styling and branding

Dopt gives you full control over look and feel because we're unopinionated. No overrides, just your styles.

Use any user interaction

Drag and drop, hover, or focus. And yes, click. You can progress flows from any user interaction.

Dopt is the first tool we found that allows PLG companies to activate new users throughout their product adoption journey by customizing the journey down to our exact product and brand requirements without spending hundreds of hours in development. We’re excited to grow with Dopt!

Rapha Allstadt
Rapha AllstadtCEO
tl;dv logo
Emoji

Designed for developers

Dopt accelerates developer productivity by managing user flow state and providing
out-of-the-box observability tools

Explore the docs →

Versioning

Like Git for your onboarding. We handle migrating user state across versions.

Environments

Test changes in development before promoting them to production.

Observability

Visibility into how your users are experiencing flows.

Headless

Build within any UI component system.

Examples

Open source examples to help get you started.

API clients

Access and progress flows on the backend.

import { useBlock } from '@dopt/react';import { Banner } from './banner';
function WelcomeBanner() {  const [block, intent] = useBlock('banner-wd2ksd3');
  return (    {block.state.active && (      <Banner onDismiss={intent.complete}>        {block.getField('welcome-message')}      </Banner>    )}  )};

Dopt's APIs and experience-building workflow are the perfect abstraction for implementing growth experiences into product surface areas. The first time I tried Dopt, it felt like magic. I was able to build a sophisticated product walkthrough experience in < 30 minutes!

Allen Kleiner
Allen KleinerGrowth engineer
Pave logo
Emoji

What will you build with Dopt?

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

Product and engineering teams
Heart emoji Dopt

The Dopt team is solving a real problem with user onboarding in modern apps. Dopt abstracts away messy logic and lets me get a much better visualization of exactly how a flow would work.

Alex Vale
Alex ValeGrowth, Attio
Emoji

PLG is going mainstream this year, but third party tooling hasn't caught up. Dopt is at the frontier of developer-first products that will enable more companies to build custom and effective onboarding faster.

Lauryn Isford
Lauryn IsfordHead of Growth, Airtable

Dopt optimises communication with your product team and enables frictionless and fully customised in-app flows. It's nice to feel the value instantly as the SDK is really easy to use.

Kevin Tassil
Kevin TassilSoftware Engineer, Cycle
Emoji

In addition to using Dopt to test and optimize our new user onboarding patterns, I can't wait to expand into other use cases such as driving adoption for existing users and feature announcements for major releases.

Japna Sethi
Japna SethiGrowth PM, Productboard

Implementing Dopt has been incredibly simple and it's certainly saved us time over a custom solution.

Martin Rajdl
Martin RajdlSoftware Engineer, Attio

Experimenting on discovering the right ah-ha moment seemed like a lot of work. With Dopt I’m able to try out ideas on my own and we’re seeing concrete results in our activation metrics. Definitely a product that won’t leave our stack going forward!

James de Wasseige
James de WasseigeGrowth, Cycle
Emoji

Dopt allows teams to build, test, and iterate on their funnels with fewer developer hours. The team is hyper-focused on creating a great developer experience and has years of experience in Growth product and engineering teams.

Wendy Lu
Wendy LuHead of Growth Eng, Airtable

Dopt optimises communication with your product team and enables frictionless and fully customised in-app flows. It's nice to feel the value instantly as the SDK is really easy to use.

Kevin Tassil
Kevin TassilSoftware Engineer, Cycle
Emoji

Dopt allows teams to build, test, and iterate on their funnels with fewer developer hours. The team is hyper-focused on creating a great developer experience and has years of experience in Growth product and engineering teams.

Wendy Lu
Wendy LuHead of Growth Eng, Airtable