Appearance

Tutorials ​

You can create Tutorials on Upshot.ai to help a new user understand the application better, or inform the user about a new feature in your app, or encourage the existing user to explore other sections of the app.

Tutorial Types ​

  1. Image: Series of Images will be shown as a carousel.
  2. Video: Video will be showed as a part of the tutorial.
  3. Interactive: Highlights the specific view of the screen. To support interactive tutorials required unique key (tag) for each view component.

How to Fetch a Tutorial ​

Request a tutorial activity using tags:

dart
import 'package:upshot_flutter/upshot_flutter.dart';

FlutterUpshotPlugin.showActivity(ActivityTypes.tutorials, "Tag Name");

Button Actions ​

Tutorials can have one or two optional buttons and can be defined in the dashboard. Each button can have its own Deeplink URL, which upon click/tap invokes a delegate/callback function and returns a key-value pair. The key is "deepLink" by default and value is the redirection URL specified in dashboard.

How to Create a Tutorials in Dashboard ​

In Dashboard under ONBOARD section Create tutorials and create campaign for that tutorials.

Tutorial Types ​

1. Onboarding Tutorials ​

  • Welcome Flows - Introduce new users to your app
  • Feature Tours - Highlight key functionality
  • Setup Guides - Help users configure preferences
  • First-Use Experiences - Guide through initial interactions

2. Feature Walkthroughs ​

  • Step-by-Step Guides - Detailed feature explanations
  • Interactive Demos - Hands-on feature exploration
  • Quick Tips - Brief feature highlights
  • Advanced Features - Complex functionality tutorials

3. Contextual Help ​

  • Screen Tips - Overlay tips for specific screens
  • Progressive Disclosure - Reveal features gradually
  • Just-in-Time Help - Context-sensitive assistance
  • Tooltips - Quick explanations for UI elements

Creating Tutorials in Dashboard ​

To create tutorials in the Upshot.ai dashboard:

  1. Navigate to ONBOARD section in the dashboard
  2. Create Tutorial - Design your tutorial flow with steps
  3. Define Steps - Add title, content, and UI highlights for each step
  4. Set Targeting - Choose which users should see the tutorial
  5. Configure Appearance - Customize colors, animations, and styling
  6. Assign Tags - Tag tutorials for specific app locations or features
  7. Create Campaign - Set targeting and scheduling for the tutorial

Powered by Upshot.ai