User Onboarding Examples

Pipefy User Onboarding Checklist

A simple and clear user onboarding checklist with a minimalistic progress bar that loads from a Launcher in...

Airtable User Onboarding Modal

Modal helping users to understand the scope and flexibility of a core feature.

View Example

Joy Feature Discovery Modal

Onboarding modal to introduce users to a core feature, with an example that shows off mobile compatibility

Gusto Feature Onboarding Tip

Shown to trial users to sell the flexibility and benefits of the Run Payroll feature

HubSpot User Onboarding Tooltip

Bright tooltip with a CTA to explain why teams are valuable and what they enable

PandaDoc Feature Discovery Tip

Subtle tip shown to new users to help them streamline a regular workflow

Spendesk User Onboarding Tour

Engaging user onboarding tour to explain key features and communicate a bold brand personality

Zendesk User Onboarding Checklist

Tooltip to prompt the user to go through a checklist that drives activation through completing account setup

DataCamp User Onboarding Tour

A stepped-out Tour from DataCamp that introduces new users to the app’s interface. Uses a Lightbox and...

View Example

Dropbox Paper Onboarding Banner

Bright banner and contextual hotspot to uncover a hidden interface element

Elevio Onboarding Modal

Modal to explain a context-switch into preview mode and avoid user confusion

Google Adwords Onboarding Tooltips

Tooltip tour to surface key features and examples of why they're useful

Airtable User Onboarding Tour (2016)

Bold product tour with a strong value prop, leading to pre-made examples that help the new user get started...

Coinbase User Setup Modal

Modal announcing a block on certain features until the user completes setup

GoToMeeting user onboarding tooltip tour

GoToMeeting Product Tour

Tooltips to highlight essential features and prime the user for permission requests

Quartzy Product Tour

Quartzy onboards new users with a quick onboarding tour that begins with a welcome modal that re-iterates...

Eventbrite Onboarding Modal

Personalized onboarding by letting users choose their purpose

Airbnb Design Change Modal

Welcome modal to announce a layout and functionality redesign

Coinbase Onboarding Modal

Modal prompt to encourage users to verify identify and secure their account

InVision DSM Upsell Prompt

Prompt to encourage users to download a plugin for enhanced functionality

Sift Science Welcome Modal

Welcome modal that reinforces value and prepares users for setup steps

Slack Tooltip

Callout to explain key / new concepts and terminology to new users.

1Password User Onboarding Modal

Critical announcement modal for a user to save key account credentials as part of setup

Quip Lightbox

Lightbox used for user onboarding, to draw attention to & encourage interaction with key functionality.

Intercom Tour Lightbox

Lightbox highlights a specific feature and step explains how to use it

Airbnb Onboarding Checklist

Reminder of potential value to help motivate users to complete onboarding

angellist product launch announcement modal

AngelList Product Launch Modal

Modal to introduce benefits of a new product before users explore the interface

Buffer Product Tour Modal

Product tour tailored to users trialing Buffer's advanced Business Plan

Mixpanel Feature Modal

Education on how new functionality works, including explanation of taxonomy

Buffer Onboarding Tip

Tip to reassure users about other options during user onboarding

Canva Premium Feature Prompt

Information and purchase options for users after they try to download an image

Canva Upsell Modal

Showcasing extra functionality available to users on advanced plans

Canva Onboarding Tooltip

Encouraging a simple action for new users to personalize their experience

Clockshark Video Modal

Introduction video modal that is personalized to each user by name

Facebook Ads Design Change Tooltip

Onboarding users to new brand style and design for existing product

Google Drive Tooltip Hint

Triggers helpful tips and provides peace of mind in context with user's actions

Heap Tooltip Tour

Hotspot tip to explain key interface element and encourage users to act

Intercom Lightbox Tip

Lightbox circle to focus users to take particular action during user onboarding

InVision Product Tip

Useful tip to improve user's experience and create greater engagement

Later Modal Product Tour

Uses modal to convey the value of the product and how to get started

PicMonkey Product Tour

Onboarding welcome screen that lets users choose their own adventure

PicMonkey Video Modal

Product education video as part of a series of lessons

Quora Social Proof Modal

Encourage users to connect their social accounts by presenting peer example

StackOverflow Modal Tour

Modal that explains key concepts and taxonomy during user onboarding

Tumblr Onboarding Lightbox

Lightbox to highlight the most critical navigation component

Twitter notifications permission request

Twitter Permission Request Modal

Request to turn on browser notifications during user onboarding flow

Twitter Ads Modal Tour

Product tour covering the most valuable features available

Vimeo Modal Tour

Upsell modal tour that outlines key benefits to paid plan users

WordPress Product Tour Tooltip

Product tour offer for new users who have started to engage

YouTube Welcome Modal

Eye-catching intro modal for new version of the product

Zest Welcome Modal

Welcomes users with fun and engaging copy

MailChimp Onboarding Tooltip

Onboards new users by driving them to interact and learn how to use the product

Tours

Tooltips

Surveys

Launchers

HelpBar (beta)

A/B Testing

Styling

Rate Limiting

Templates

Alerts

Segmentation

Inspiration Gallery

Quick-Start Videos

Help Centre

Chameleon 101

User Onboarding

Boost product adoption and reduce churn

Boost product adoption and
reduce churn