Changelog

Thumbnail image for changelog item

In-app help hub

We’re super excited to release our AI-powered, in-app help hub component and SDK, enabling you to build on-demand help into your product so users can easily find resources and unblock themselves.

There are three parts to the help hub — quick links, semantic search, and ask AI — all bundled together into a pre-built, customizable component backed by our AI platform.

Help hub quick links, semantic search, and ask AI

Quick links

The in-app help hub enables you to provide users with quick links to the most common and helpful resources, such as docs and contact us links. These links give users easy access to the most relevant resources they may need.

Semantic search

AI-powered semantic search uses AI to understand user queries and return results that contain relevant similar concepts, not just words. They enable you to bring your docs and help directly into the product, enabling users to get answers and unblock themselves.

Ask AI

AI-powered Q&A uses an AI model to provide remarkably relevant answers to users’ questions.

A Dopt Assistant powers the help hub. The assistant enables you to crawl your docs, help center, or website to create the sources and model used for semantic search and ask AI.

You can use the help hub component as a pre-built component from @dopt/react-help-hub or use it headlessly with your own UI component.

Check out an interactive example of the help hub →

Read the docs →

Block level targeting

We added the ability to target flows based on the state of specific blocks to help you create targeted, orchestrated flows.

For example, let’s say you wanted to send an announcement, but only if a user has finished a Getting Started checklist block with UUID -54PbRmBMKA5JkBGT-lj. You can now use the new expression hasblocktransitioned("complete", "-54PbRmBMKA5JkBGT-lj") to target only users who have finished the checklist. Now users who haven’t started or are currently completing the checklist won’t see the announcement.

Flow targeting using the hasblocktransitioned expression function

There are four new targeting functions: hasblockentered, isblockactive, hasblockexited, hasblocktransitioned. They allow you to query the block.entered, block.active, block.exited, and block.transitioned[...] states of a user’s blocks.

Read the docs →


Thumbnail image for changelog item

Introducing AI assist

Today we’re launching AI Assisttools to build AI-powered assistance into your product.

AI assist automatically crawls your docs and uses AI to understand your users’ in-product context to deliver personalized and contextual assistance that helps your users succeed.

We give you pre-built, customizable React components to get started quickly and SDKs to build completely custom assistance experiences.

You can build experiences that explain anything to users, proactive error assistance, contextual help hubs, and more.

Read the full announcement →

Check out our interactive example →

Get started with our quick start guide →


Thumbnail image for changelog item

Flow trigger block

The new flow trigger block enables you to start, stop, or reset other flows from within a flow. With the flow trigger block, you can:

  • seamlessly connect two related flows, like automatically starting a contextual tip flow after a user completes a getting started checklist
  • separate flows for organization and composability, like breaking out an “admin branch” of a getting started flow into it’s own flow that can be started from various other flows
  • create logic to manage flow dependencies, like stopping a flow based on a condition

Check out a demo:

Figma component library

🎨 We've published our UI components as a Figma community library. Now it's easier than ever to include tours, checklists, hints and more in your designs!

Figma UI showing the checklist page of the component library file

The library is super flexible, customizable, and uses the latest Figma features like variables, properties, variants, auto layout, and text & layer styles. Pair these components with our React components to integrate them seamlessly in your product.

💠 Components included:

  • Modal
  • Tour
  • Checklist
  • Hints
  • Card

Check it out on the Figma community →

Read how we built it on our blog →

Tutorial videos

We released a bunch of tutorial videos to show how Dopt can help you build better onboarding and education experiences.

Other improvements

  • We fixed an issue where time filters on the analytics page wouldn’t filter the list of users.
  • We refactored the empty states in our flow and block side panels.

Thumbnail image for changelog item

Launch week

We just wrapped up our launch week! Five days, five huge announcements.

Day 1 - New and improved ways to craft targeting rules

Day 2 - Brand new hints UI component and the ability to add custom fields to component blocks

Day 3 - In-product analytics features to help you understand how your Dopt flows are doing

Day 4 - All the new developer tool upgrades such as SDK improvements as well as new API clients and reference documentation

Day 5 - Enhancements to our example pages

Check out the more details on our blog →