Skip to main content
The experience view is what users see when they install your app into their Whop and click into it. This is the core functionality of your app - where users interact with your features and services.
Experience View

Configure

1

Go to your app's hosting settings

  1. Go to the developer dashboard
  2. Create a new app or select an existing one
  3. Scroll down to the Hosting section
App Settings
2

Enter your path

Enter your path for the experience view. The recommended default path is /experiences/[experienceId].
Experience View Path
  • [experienceId] is used to provide the accessed experience ID: /experiences/[experienceId] -> /experiences/exp_***
  • [restPath] is used for deep linking to specific sections of your app: /experiences/[experienceId]/[restPath] -> /experiences/exp_***/posts/1

Preview

1

Install your app

Click the install button or copy the installation link and visit it in your browser. You will be prompted to install your app into your whop.
Install App Button
If you’ve already installed your app, you can access it from your whop.
Whop Sidebar Apps Section
2

Set the environment

  1. Open the dev tools by clicking the cog button
  2. Set the environment to localhost

Validate access

Check if a user has access to an experience by using the SDK method checkIfUserHasAccessToExperience.
  const access = await whopSdk.access.checkIfUserHasAccessToExperience({
    experienceId: "exp_***",
    userId: "user_***",
  });

  // No access
  // ^? { hasAccess: false, accessLevel: "no_access" }

  // Customer access
  // ^? { hasAccess: true, accessLevel: "customer" }

  // Admin access
  // ^? { hasAccess: true, accessLevel: "admin" }
See Validate experience access for more information.

Examples

I