How to Achieve Tooltip Onboarding

How to Achieve Tooltip Onboarding

How to Achieve Tooltip Onboarding

1

Identify Key Features

Determine the essential features of Jimo that require user guidance through tooltips to enhance user experience.

1

Identify Key Features

Determine the essential features of Jimo that require user guidance through tooltips to enhance user experience.

1

Multimedia in Interactive Tours

Engage users with dynamic onboarding through embedded images, GIFs, and videos from Loom or YouTube, enhancing their experience and understanding.

1

Identify Key Features

Determine the essential features of Jimo that require user guidance through tooltips to enhance user experience.

2

Create Interactive Tooltips

Design and implement tooltips that offer users contextual help and highlight important features within the application.

2

Create Interactive Tooltips

Design and implement tooltips that offer users contextual help and highlight important features within the application.

2

Create Interactive Tooltips

Design and implement tooltips that offer users contextual help and highlight important features within the application.

2

Create Interactive Tooltips

Design and implement tooltips that offer users contextual help and highlight important features within the application.

3

Implement Tooltip Functionality

Integrate the tooltip feature into the application, ensuring it activates in key areas to enhance user navigation and understanding of the platform.

3

Implement Tooltip Functionality

Integrate the tooltip feature into the application, ensuring it activates in key areas to enhance user navigation and understanding of the platform.

3

Implement Tooltip Functionality

Integrate the tooltip feature into the application, ensuring it activates in key areas to enhance user navigation and understanding of the platform.

3

Implement Tooltip Functionality

Integrate the tooltip feature into the application, ensuring it activates in key areas to enhance user navigation and understanding of the platform.

How Jimo Help Tooltip Onboarding

How Jimo Help Tooltip Onboarding

How Jimo Help Tooltip Onboarding

Auto-progress your tours based on user interactions.

Auto-progress your tours based on user interactions.

No more “next” button. Our innovative logic builder eliminates the need for it.

No more “next” button. Our innovative logic builder eliminates the need for it.

Element

Is clicked:

Element

Is clicked:

Element

Is clicked:

Current page

Contains: lance.com/newcampaign

Current page

Contains: lance.com/newcampaign

Current page

Contains: lance.com/newcampaign

Fills in input

Is: "Sellers"

Fills in input

Is: "Sellers"

Fills in input

Is: "Sellers"

Add conditions

Element

Is clicked:

Current page

Contains: lance.com/newcampaign

Fills in input

Is: "Sellers"

Add conditions

Choose the shape and the size

Choose the shape and the size

Select the perfect variants to match your product needs.

Cursor

Hotspot

Tooltip

Modal

John Doe, CPO @Tablio

First, you need to go to your dashboard! 👉

Cursor

Hotspot

Tooltip

Modal

John Doe, CPO @Tablio

First, you need to go to your dashboard

Cursor

Hotspot

Tooltip

Modal

John Doe, CPO @Tablio

First, you need to go to your dashboard! 👉

Cursor

Hotspot

Tooltip

Modal

John Doe, CPO @Tablio

First, you need to go to your dashboard! 👉

Multimedia Integration

Multimedia Integration

Add images, videos, GIFs, buttons, surveys, and more. Interactive tours make learning fun and engaging.

Add images, videos, GIFs, buttons, surveys, and more. Interactive tours make learning fun and engaging.

John Doe

CPO @Tablio

Welcome to your Workspace! 🎉

Explore your personalized workspace where you can efficiently manage projects, tasks, and collaborations.

Videos (Loom, Youtube, etc)

Images & GIFs

John Doe

CPO @Tablio

Welcome to your Workspace! 🎉

Explore your personalized workspace where you can efficiently manage projects, tasks, and collaborations.

Videos (Loom, Youtube, etc)

Images & GIFs

John Doe

CPO @Tablio

Welcome to your Workspace! 🎉

Explore your personalized workspace where you can efficiently manage projects, tasks, and collaborations.

Videos (Loom, Youtube, etc)

Images & GIFs

John Doe

CPO @Tablio

Welcome to your Workspace! 🎉

Explore your personalized workspace where you can efficiently manage projects, tasks, and collaborations.

Videos (Loom, Youtube, etc)

Images & GIFs

Multiple languages

Multiple languages

Expand your reach by delivering tours in your users' native languages.

Expand your reach by delivering tours in your users' native languages.

Get the best user experience today.

Increase user adoption, engagement and retention with the best user experience.

Tours / Dark Mode Announcement

Preview

Target & Publish

Navigator

Pop-in

Image

Tag

Title

Paragraph

Primary CTA

Secondary CTA

Add element

Beta

Introducing Dark Mode

Gain deeper insights, track progress, and make data-driven decisions effortlessly with our comprehensive analytics suite. Explore your data like never before and unlock valuable insights

Maybe later

Try Dark mode

General

Type

Behavior

To show

Click the cross

To dismiss

Primary CTA

Size

Width

Default

Height

Auto

Style

Shadow

Add...

Radius

16

px

Background

#202020

Border

Add...

Animations

Elements

Yes

No

In

Fade

Out

Fade

Get the best user experience today.

Increase user adoption, engagement and retention with the best user experience.

Get the best user experience today.

Increase user adoption, engagement and retention with the best user experience.

Tours / Dark Mode Announcement

Preview

Target & Publish

Navigator

Pop-in

Image

Tag

Title

Paragraph

Primary CTA

Secondary CTA

Add element

Beta

Introducing Dark Mode

Gain deeper insights, track progress, and make data-driven decisions effortlessly with our comprehensive analytics suite. Explore your data like never before and unlock valuable insights

Maybe later

Try Dark mode

General

Type

Behavior

To show

Click the cross

To dismiss

Primary CTA

Size

Width

Default

Height

Auto

Style

Shadow

Add...

Radius

16

px

Background

#202020

Border

Add...

Animations

Elements

Yes

No

In

Fade

Out

Fade

Get the best user experience today.

Increase user adoption, engagement and retention with the best user experience.

Tours / Dark Mode Announcement

Preview

Target & Publish

Navigator

Pop-in

Image

Tag

Title

Paragraph

Primary CTA

Secondary CTA

Add element

Beta

Introducing Dark Mode

Gain deeper insights, track progress, and make data-driven decisions effortlessly with our comprehensive analytics suite. Explore your data like never before and unlock valuable insights

Maybe later

Try Dark mode

General

Type

Behavior

To show

Click the cross

To dismiss

Primary CTA

Size

Width

Default

Height

Auto

Style

Shadow

Add...

Radius

16

px

Background

#202020

Border

Add...

Animations

Elements

Yes

No

In

Fade

Out

Fade