Onboarding Flow

Learn how the SN Utils onboarding flow guides new users through payment and extension setup.

After signing up, new users are guided through a streamlined onboarding flow to get set up with SN Utils Pro.

Onboarding Steps

The onboarding flow consists of two main steps:

1. Payment

Users who don't have an active subscription are automatically redirected to the payment page at /onboarding/payment. Here they can:

  • Select the number of licenses needed ($120/user/year, up to 50)
  • Complete checkout through Paddle's embedded payment form
  • Apply discount codes if available

Once payment is complete, users are automatically redirected to the next step.

2. Extension Connection

After payment, users land on the extension connection page at /onboarding/connect. This step guides them through:

  1. Installing the extension - Link to Chrome Web Store
  2. Generating an activation token - A secure, time-limited token (expires in 5 minutes)
  3. Pasting the token - Instructions for activating the extension

Users can skip this step and connect their extension later from the dashboard.

Accessing the Dashboard

Users with an active subscription can access the full dashboard at /home. The middleware automatically:

  • Redirects unpaid users to /onboarding/payment
  • Allows paid users to access all dashboard features

Managing Extension Connection

After onboarding, users can manage their extension connection from the dashboard:

  • Generate new activation tokens
  • View connected devices
  • Revoke device access

See Extension Connection for more details.