@whop/embedded-components-react-js and @whop/embedded-components-vanilla-js packages embed Whop chat in your own site. You create a WhopElements instance, open a chat session with a token from your backend, and mount the elements you need. Each element renders in an isolated frame with its own theming and localization.
What this section covers
- Getting started with
WhopElements, its options, and the chat session. - Chat elements: community chat, a DMs list, and search.
- Shared types and the styling reference for
appearance.classes.
Checkout, payments, wallet, payouts, verification, and ads surfaces are documented under Whop Elements.
Where to go next
Get started
Install the packages and create your first chat session.
Chat session
Authenticate and mount chat, DMs, and search elements.