App views are the different locations where your app can be displayed within Whop.

There are currently 4 different views:

ViewDescriptionExample
customerThe view that customers see on whop.com when accessing a productDisplaying sports picks to paying users
checkoutDisplayed before the customer pays for the productCollecting information about a user such as their Twitter
seller_productAccessible by the seller when they are editing a productUploading a file that the user can download for that specific product
sellerAccessible by the seller in the apps page on the dashboardDisplaying detailed analytics about their company

Each view can have different variables passed to it. For example, the customer view will have variables such as the productId and companyId passed to it, while the checkout view will have variables such as the checkoutSessionId and productId passed to it. These are set in the URL, and you can find more information about them here.


Customer View

The customer view is the view that customers see when they are viewing your product on Whop.

Example use cases:

  • Displaying sports picks
  • Displaying a video
  • Custom AI chatbot

Variables

Below are the variables that are available to the customer view.

ViewsDescription
productIdThe ID of the product the user purchased
companyIdThe ID of the company the user purchased the product from
experienceIdThe ID of the experience
membershipIdThe ID of the user’s membership
planIdThe ID of the plan the user purchased

Checkout View

The checkout view is displayed before the customer pays for the product. The app will be able to decide if the user is allowed to purchase the product or not. If the user is not allowed to purchase the product, the app can display a message to the user.

Example use cases:

  • Collecting information about a user such as a delivery address
  • Asking questions to the user to determine if they are allowed to purchase the product

Variables

ParameterDescription
companyIdThe ID of the company
checkoutSessionIdThe ID of the checkout session
productIdThe ID of the product
planIdThe ID of the plan

Seller Product View

The seller product view is displayed on the Edit Product Page. This view is only accessible by the seller. It allows the app to have context about a specific product.

Example use cases:

  • Uploading a file that the user can download for that specific product
  • Configuring the prompt of a chatbot for that specific product

Variables

ParameterDescription
companyIdThe ID of the company
productIdThe ID of the product
experienceIdThe ID of the experience

Seller View

The seller view is displayed on the Apps Page. This view is only accessible by the seller and does not have context about a specific product.

Example use cases:

  • Showing analytics about a company
  • App to display SMS messages to customers

Variables

ParameterDescription
companyIdThe ID of the company