Cookie-cutter tours don’t cut it anymore.
Build product onboarding your way.

Dopt combines a visual flow builder with SDKs & APIs that help you ship your
onboarding and engagement flows in hours, not months.

Flow builder pointing to code pointing to end-user interface

Trusted by teams at:

Gorgias logoAttio logoCycle logo

A modern user adoption platform

built for modern product, growth, and engineering teams.

Flow builder

Flow builder

Collaboratively create flow targeting rules using customer data.

Drag, drop, and connect blocks to define logic and branches.

SDK code

SDKs and APIs

Tools to easily access flow state and progress users through flows.

Use your UI components and customer data.

Develop onboarding without thinking about customer data or complex business logic.

All in one platform

One central place for easy collaboration, a seamless workflow, and visibilty across all users and flows.

Ok emojiStar emoji

Activate and retain more users

with better onboarding and engagement flows.

Flow icon

Build easier

From your first welcome flow to tailored and contextual experiences, Dopt makes onboarding and engagement flows easier to build.

Interface stack icon

Build faster

Accelerate the whole team’s workflow. Build and iterate faster to learn what works for your product and users.

Scale icon

Build better

Build better flows, run better experiments, and raise the bar on experience. All in a platform that scales with you.

Build better flows, your way

Tools to build the best flows across your users’ entire journey

Tailored onboarding exampleChecklists and progress bars exampleProduct specific onboarding exampleInteractive walkthrough example

Tailored onboarding

Onboarding isn’t one size fits all.

Build different onboarding for different types of users or have users choose which path is best for them.

Checklists & progress bars

Guide users towards value and help them feel like they’re progressing towards achievement.

Use the Dopt SDK to create custom checklists and progress bars directly into your product that update based on user interactions.

Product specific onboarding

Is your product a collaboration tool? Dev-tool? Dashboard? Chat?

No problem. Build onboarding that fits seamlessly into your product’s interaction model and UI components. Onboarding built with Dopt feels like your product because it is your product.

Interactive walkthroughs

Stop using distracting tooltip tours.

Build interactive, contextual experiences so your users realize your product’s value by actually using your product, not clicking through a tour.

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

How Dopt works

1Target

Target based on who a user is and what they've done (or not done).

  • Visually create segments and targeting criteria
  • Leverage your customer data from Segment logo or send it to Dopt via our API
Start blocks
2Design flow

Collaboratively design flows using flexible building blocks.

  • Visual, drag and drop builder
  • Easily define logic and branching
  • Collaborate with the entire team
Flow builder
3Build with SDKs & APIs

SDKs to more easily develop flows.

  • SDKs to access and progress user flow state simplify development
  • Trigger and progress flows based on user actions, behaviors, or anything else
  • Powers your design system and UI components
  • Great developer experience
Code pointing to block
4Launch, Analyze and Iterate

Powerful launch tools. Built-in tracking and measurement.

  • Easily enable and disable flows
  • Analyze user behavior to discover what’s working
  • Visibility across all users and flow versions
  • Fuels faster iteration
Flows table

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

Simple and elegant APIs and SDKs

Flow
Flow
Flow
Flow
Flow
1
import { useBlock } from '@dopt/react';
2
import { Button } from '@acmeapp/react';
3
4
const SomeCta = ({ handleClick }) => {
5
const [block, intent] = useBlock('highligh-cta-04');
6
7
if (block.active) {
8
return (
9
<Highlight>
10
<Button
11
variant='primary'
12
onClick={() => {
13
handleClick();
14
intent.finish();
15
}}
16
/>
17
</Highlight>
18
)
19
}
20
21
return (
22
<Button variant='primary' onClick={handleClick()} />
23
)
24
};

Dopt’s Intent-based APIs and modern client-side SDKs simplify accessing and updating user flow state.

Build flows by simply asking Dopt if a block is active and binding user actions to Dopt intentions.

Stop worrying about storing user flow state, evaluating targeting rules, and managing complex business logic — Dopt handles it all.

Explore the docs →
SDK icon

Client-side SDKs

Open source React and JS SDKs.

React logoTypeScript logoJavaScript logo
Interface icon

UI & design system agnostic

Dopt provides primitives to build within your existing UI and design system.

Versioning icon

Versioning

Commit, reset, and audit your changes. Full visibility into what’s live.

Environments icon

Environments

Test changes in a development enviornment before promoting them to production.

Local icon

Easily develop locally

First class support for local development.

Docs icon

Great docs

Comprehensive docs to help you get started.

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

Just works with your stack

Use existing analytics, feature flag, and dev tools the same way you do now.
Dopt is code — it just works with your other tools.

  • Snowflake logo
  • FullStory logo
  • Split logo
  • LaunchDarkly logo
  • PostHog logo
  • Hightouch logo
  • Freshpoint logo
  • RudderStack logo
  • Mixpanel logo
  • Amplitude logo
  • Segment logo
  • June logo
  • Heap logo

Coming soon

Changelog →
Properties icon

Custom block properties

Define custom properties in Dopt and access them in code to let non-developers self-serve on copy, content, and configuration.

Timing icon

Timing blocks

Create flows using time based rules.

Webhook icon

Webhook & email blocks

Call custom webhooks to integrate with any service. Integrate with your email provider to send emails in your flows.

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