# Whop Docs: For Developers SDKs & Tools > Whop is on a mission to deliver everyone a sustainable income. Accept payments, pay out users, build apps, and embed chat with SDKs in TypeScript, Python, and Ruby. ## SDKs & Tools ### Elements (Stable) #### Whop Elements - [Getting Started with Elements](https://docs.whop.com/elements/latest/getting-started.md): Install Whop Elements and mount your first element in React, JavaScript, Swift, or React Native. - [Appearance](https://docs.whop.com/elements/latest/appearance.md): Theme, tokens, and per-part styling for every element. ##### Payments - [Payments](https://docs.whop.com/elements/latest/payments/overview.md): Collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Co… - [PaymentElement](https://docs.whop.com/elements/latest/payments/payment.md): Shows available payment methods and collects the selected method's required fields and disclosures. Use `change` to enable your pay button. In its activation handler, call `payments.createConfirmationToken()`. Confirm the token server-side, then pass any pending step to `payments.handleNextAction(…)… - [AddressElement](https://docs.whop.com/elements/latest/payments/address.md): Collects a billing or shipping address. Fields, order, and validation follow the selected country. Includes street autocomplete and methods to read or validate the address. - [CardElement](https://docs.whop.com/elements/latest/payments/card.md): Prearranged fields for card number, expiration, and security code. Create with `payments.create("card")`, enable your payment button from `onChange`, and confirm with `payments.createConfirmationToken()`. Card numbers remain in PCI-isolated hosted fields. `layout` supports `stacked` (default) and `c… - [EmailElement](https://docs.whop.com/elements/latest/payments/email.md): Collects the buyer's email and passes it to `payments.createConfirmationToken()` while mounted. Explicit `billingDetails.email` wins. A matching Whop account shows optional sign-in with code verification. Successful sign-in unlocks saved payment methods in the payment element. Buyers can continue as… - [TaxIdElement](https://docs.whop.com/elements/latest/payments/taxId.md): Collects a business tax registration accepted by the API. Labels use buyer-facing names. The placeholder matches the selected format. `country` preselects a type. `onChange` emits committed pairs. The host supplies API validation errors. - [BrandingElement](https://docs.whop.com/elements/latest/payments/branding.md): Whop's merchant-of-record notice: the Whop wordmark with links to the buyer terms and privacy policy. Required — the payment, card and card fields elements stay in their loading state until it is mounted, and payments cannot be confirmed without it. - [PaymentRequest](https://docs.whop.com/elements/latest/payments/paymentRequest.md): Low-level Apple Pay, Google Pay, or PayPal sheet for custom buttons, express checkout, and shipping callbacks. Wallet tiles automate this flow through `payments.createConfirmationToken`. Await `canMakePayment()` to check availability and prime the wallet, then call `show(type)` synchronously in the… ###### CardFields - [CardFields](https://docs.whop.com/elements/latest/payments/cardFields.md): Three separately mountable, PCI-isolated card fields for custom layouts: number, expiration, and security code. Create with `payments.create("cardFields")`, place each field, enable your payment button from `onChange`, and confirm with `payments.createConfirmationToken()`. Card numbers remain in hos… - [CardNumberElement](https://docs.whop.com/elements/latest/payments/cardFields-cardNumber.md): PCI-isolated hosted card number field. Card numbers never reach the host page. - [CardExpiryElement](https://docs.whop.com/elements/latest/payments/cardFields-cardExpiry.md): PCI-isolated hosted card expiration field. - [CardCvcElement](https://docs.whop.com/elements/latest/payments/cardFields-cardCvc.md): PCI-isolated hosted card security code field. ##### Verifications - [Verifications](https://docs.whop.com/elements/latest/verifications/overview.md): Collects and verifies identity information for an account. Mount `kyc` for a complete KYC or KYB flow backed by the Verifications API. - [KycElement](https://docs.whop.com/elements/latest/verifications/kyc.md): A complete identity-verification flow. It collects individual KYC or business KYB details, starts or resumes the hosted provider session, handles follow-up information and document requests, polls status, and renders the final result without requiring the host to build verification UI. - [CapabilitiesElement](https://docs.whop.com/elements/latest/verifications/capabilities.md): The account's verification standing: whether individual and business verification are done, and which capabilities that unlocks. Read-only — pressing a verify button reports `verificationRequested` and stays put, so the host mounts its own flow, such as this namespace's `kyc` element. Both halves ca… - [RfiElement](https://docs.whop.com/elements/latest/verifications/rfi.md): Everything the account still owes compliance, and the forms to answer it. Each row is one group of requirements — grouped by the system that asked, because each relays to its provider once its own items are answered — and pressing it opens that group’s form in place. Rows already with a reviewer are… ##### Checkout - [Checkout](https://docs.whop.com/elements/latest/checkout/overview.md): Drives a full hosted checkout for one or more plans — itemized price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with `items`, a single `plan`, or a `checkou… - [CheckoutElement](https://docs.whop.com/elements/latest/checkout/checkout.md): The full checkout surface — order summary with the live quote, promo code entry, the currency the buyer pays in, everything this checkout has to collect from the buyer, the composed payment methods surface, and the pay flow. What it collects is whatever the seller set up (email, their own questions,… - [ExpressCheckoutElement](https://docs.whop.com/elements/latest/checkout/expressCheckout.md): One-press Apple Pay, Google Pay and PayPal buttons for a checkout — the wallet collects whatever the session still needs (the buyer's email, a shipping address for physical goods, a phone number where the seller collects one in Apple Pay and Google Pay, and in Apple Pay a promo code where the seller… ##### Ads - [Ads](https://docs.whop.com/elements/latest/ads/overview.md): An advertising account. Scope it to a Whop account with `accountId` — the ad account underneath is assigned server-side and never surfaces here — then mount `reporting` for what the account spent and what came back, or `campaign-creator` to build a campaign. - [BillingSetupElement](https://docs.whop.com/elements/latest/ads/billing-setup.md): Which payment methods ad spend bills against: a primary used first, and an optional backup for when it fails. Both are chosen from the methods already saved on the account, and picking one saves it immediately — there is no separate submit. Adding a card opens a card form over your page and returns… - [CampaignCreatorElement](https://docs.whop.com/elements/latest/ads/campaign-creator.md): The advertising campaign builder: objective and budget, ad groups with their targeting and schedule, and the ads themselves with their creative — the whole flow through to launch. Opens empty to build a new campaign, or on an existing one when you pass `campaignId`. It runs the pixel checker too: a… ###### Reporting - [Reporting](https://docs.whop.com/elements/latest/ads/reporting.md): An advertising account's reporting: what it spent and what came back, over a window, at whatever level you narrow to. Mount `chart`, `table`, or both — they read the same window, the same credit rule, and the same selection, so two surfaces side by side can never disagree about what they are showing… - [ChartElement](https://docs.whop.com/elements/latest/ads/reporting-chart.md): An account’s performance over a window, with a picker for what to plot — spend, impressions, clicks, or any conversion the account records. Read-only. - [TableElement](https://docs.whop.com/elements/latest/ads/reporting-table.md): An advertising account's campaigns, ad groups, and ads in one table, with the tabs that move between them: pick rows to narrow the level below, search, sort, break the numbers down, choose your columns, and pause, resume, duplicate, or delete straight from a row. The window it reports on and the row… ##### Tracking - [Tracking](https://docs.whop.com/elements/latest/tracking/overview.md): An account's tracked audience: everyone its pixel has seen, and every event they performed. Scope it to an account with `accountId`, then mount `people`, `events`, or both. They read the same window and the same credit rule, so two surfaces side by side can never disagree about what they are showing… - [PeopleElement](https://docs.whop.com/elements/latest/tracking/people.md): Everyone the account has seen — visitors and customers resolved from pixel activity, with their source, spend, and activity counters. Search, filter by source, event, geography, or device, sort any column, and page through. A row click follows `links.person` when the handle configures it, and otherw… - [EventsElement](https://docs.whop.com/elements/latest/tracking/events.md): Every event the account measured — page views, leads, purchases, and custom pixel events — as a raw, filterable stream. The rows behind any metric: filter by event, source, geography, or device over the handle’s window, or search one person’s identifier to read their whole journey. A person cell fol… - [PersonElement](https://docs.whop.com/elements/latest/tracking/person.md): Everything the account knows about one person: who they are, where they came from, what they have spent, and every event they have performed, in order. The view a person click leads to: mount it on the page `links.person` points at, or present it over your own page when `people` or `events` raise `p… ##### Wallet - [Wallet](https://docs.whop.com/elements/latest/wallet/overview.md): Drives an account's money surfaces. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live fund… - [ActionsElement](https://docs.whop.com/elements/latest/wallet/actions.md): The account action row from Whop's balance dashboard. Deposit, Send, Withdraw, and Convert open the Wallet controller's built-in overlays. Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. Each button also emits its requested event so the em… - [ActivityElement](https://docs.whop.com/elements/latest/wallet/activity.md): An account's ledger activity: every movement of money in or out, newest first. The list pages as the viewer scrolls, and rows report which one was tapped instead of navigating, so you can open your own detail screen. - [ActivityDetailElement](https://docs.whop.com/elements/latest/wallet/activityDetail.md): A standalone detail drawer for one movement. Point it at a prefetched financial-activity row, a ledger activity ID, or a card transaction ID — a prefetched row takes precedence, otherwise the element retrieves the record itself. A card transaction opens the card receipt: merchant, amount, status, th… - [DepositElement](https://docs.whop.com/elements/latest/wallet/deposit.md): Funds a Whop account. Renders an amount field and the account's live funding rails — crypto (a per-network deposit address with its QR) and bank transfer (the wire fields for each settlement currency). A business account's rails resolve with no credentials, so they work on any page; a personal (`use… - [ConvertElement](https://docs.whop.com/elements/latest/wallet/convert.md): Converts an account's USD balance to Gold or Coinbase Wrapped Bitcoin, and back, through Whop's public swaps API. A cross-origin mount needs an `accessToken` scoped to `company:balance:read` plus `crypto_wallet:swap` or `crypto_wallet:manage`. - [WithdrawElement](https://docs.whop.com/elements/latest/wallet/withdraw.md): Collects a payout amount and saved payout method, groups standard and instant delivery choices with live fees and arrival estimates, and collects a new payout method when needed. When the host does not drive the flow, the element lists methods and creates the payout itself — pass `accessToken` (or r… - [SendElement](https://docs.whop.com/elements/latest/wallet/send.md): Sends money from an account to a recipient — a user, another account, or a public claim link anyone can redeem. Direct transfers use the source account's configured fiat or crypto rail. Renders its own recipient search resolved from the account ID with no credentials beyond the account's own token.… ###### Balances - [Balances](https://docs.whop.com/elements/latest/wallet/balances.md): Three views of an account's money. The balance view shows the total, a chart of how it changed, and a picker for the time range. The list view shows the holdings that make up that total, valued in dollars. The breakdown view splits one currency into available, pending, reserve, and negative amounts… - [BalanceElement](https://docs.whop.com/elements/latest/wallet/balances-balance.md): An account's balance and a chart of how it changed. The total and its change sit at the top, the chart below that, and the time range buttons at the bottom. The viewer can read individual points on the chart and switch the time range themselves. - [BreakdownElement](https://docs.whop.com/elements/latest/wallet/balances-breakdown.md): One currency's total split into available, pending, reserve, and negative balances. Zero-value rows disappear, and the surface deliberately contains no money-movement buttons so the host owns those actions. - [SettlementElement](https://docs.whop.com/elements/latest/wallet/balances-settlement.md): The account balance details shown by Whop's dashboard: available funds, pending settlement dates, reserve terms, and any negative balance. It opens as a 550px modal and uses the balances handle's account, currency, and credential. - [ListElement](https://docs.whop.com/elements/latest/wallet/balances-list.md): The holdings behind an account's balance. Every currency and token gets its own row, showing its name and its value in dollars, largest first. Rows can report which one the viewer tapped, so you can open your own screen for it. When `openHoldingOnSelect` is on, a row click shows that holding's balan… ###### Reports - [Reports](https://docs.whop.com/elements/latest/wallet/reports.md): Balance history and the financial activity behind it, including CSV exports. Account statements are available in the Whop dashboard. - [BalanceReportElement](https://docs.whop.com/elements/latest/wallet/reports-balanceReport.md): Balance history with date, timezone, and currency controls, starting and ending balances, and money-in and money-out breakdowns. Drill into activity and export it without leaving the element. - [ReportActivityElement](https://docs.whop.com/elements/latest/wallet/reports-reportActivity.md): Financial activity with date, currency, direction, and movement filters, pagination, and CSV export. Mount independently or open it from the balance report. ##### Websites - [Websites](https://docs.whop.com/elements/latest/websites/overview.md): An account's websites: every site built on whop.site plus every domain the Whop Pixel reports, with traffic and attributed revenue per domain. Mount `websites` and it lists them with visitors, page views, sales, revenue, trend, and most-viewed pages. Mount `pixel-setup` alongside it and a site whose… - [WebsitesElement](https://docs.whop.com/elements/latest/websites/websites.md): An account's websites in one table: every site built on whop.site — listed from the moment it exists, zeros until traffic arrives — merged by hostname with every domain the Whop Pixel reports. Rows for the whop.site ones carry a Whop mark, so the two sources stay apart even when both have traffic. E… - [PixelSetupElement](https://docs.whop.com/elements/latest/websites/pixel-setup.md): Installs the Whop Pixel and wires conversion events: copy the snippet, check a page for it, confirm the events fire. Mount it inline, or inside your own overlay. ##### Dashboard - [Dashboard](https://docs.whop.com/elements/latest/dashboard/overview.md): An account's own dashboard surfaces, embedded on your site. Scope it to an account with `accountId`, then mount `paymentsTable` for the account's payments, `paymentDetail` for one payment, `required-actions` for the outstanding-action banners Whop's own dashboard shows above the balance — identity v… - [RequiredActionsElement](https://docs.whop.com/elements/latest/dashboard/required-actions.md): The outstanding-action banners from Whop's balance dashboard — identity verification, deposits, tax, and the rest — in the same order the API returns them. An account with nothing outstanding renders nothing at all, so the element can sit permanently in a layout. Copy comes from the API. Pressing Ve… - [VerificationElement](https://docs.whop.com/elements/latest/dashboard/verification.md): A banner asking the account holder to verify their identity, shown only while verification is outstanding — an account that has already verified renders nothing at all, so the element can sit permanently in a layout. The headline and status messages come from the API, with a shorter description when… - [PaymentsTableElement](https://docs.whop.com/elements/latest/dashboard/paymentsTable.md): The dashboard payments table with status cards, search, filters, sorting, row selection, CSV export, column settings, and pagination. Reads all payment pages to compute complete counts and filter locally; intended for accounts with modest payment histories. Customer details and refunds are handed to… - [PaymentDetailElement](https://docs.whop.com/elements/latest/dashboard/paymentDetail.md): A payment detail page with the dashboard breakdown, activity, customer, details, and customer journey. Each section can be hidden. Reads payment:basic:read; customer email needs member:email:read and journey needs member:basic:read. Action events let your application confirm and authorize changes; t… ### Elements (Beta) #### Whop Elements - [Getting Started with Elements](https://docs.whop.com/elements/beta/getting-started.md): Install Whop Elements and mount your first element in React, JavaScript, Swift, or React Native. - [Appearance](https://docs.whop.com/elements/beta/appearance.md): Theme, tokens, and per-part styling for every element. ##### Payments - [Payments](https://docs.whop.com/elements/beta/payments/overview.md): Collect a payment from a `plan_` ID or inline currency and amount, or save a payment method without charging with `mode: "setup"`. Mount PaymentElement, CardElement, or CardFields, then call `payments.createConfirmationToken` with billing details. Wallet selections open their sheet automatically. Co… - [PaymentElement](https://docs.whop.com/elements/beta/payments/payment.md): Shows available payment methods and collects the selected method's required fields and disclosures. Use `change` to enable your pay button. In its activation handler, call `payments.createConfirmationToken()`. Confirm the token server-side, then pass any pending step to `payments.handleNextAction(…)… - [AddressElement](https://docs.whop.com/elements/beta/payments/address.md): Collects a billing or shipping address. Fields, order, and validation follow the selected country. Includes street autocomplete and methods to read or validate the address. - [CardElement](https://docs.whop.com/elements/beta/payments/card.md): Prearranged fields for card number, expiration, and security code. Create with `payments.create("card")`, enable your payment button from `onChange`, and confirm with `payments.createConfirmationToken()`. Card numbers remain in PCI-isolated hosted fields. `layout` supports `stacked` (default) and `c… - [EmailElement](https://docs.whop.com/elements/beta/payments/email.md): Collects the buyer's email and passes it to `payments.createConfirmationToken()` while mounted. Explicit `billingDetails.email` wins. A matching Whop account shows optional sign-in with code verification. Successful sign-in unlocks saved payment methods in the payment element. Buyers can continue as… - [TaxIdElement](https://docs.whop.com/elements/beta/payments/taxId.md): Collects a business tax registration accepted by the API. Labels use buyer-facing names. The placeholder matches the selected format. `country` preselects a type. `onChange` emits committed pairs. The host supplies API validation errors. - [BrandingElement](https://docs.whop.com/elements/beta/payments/branding.md): Whop's merchant-of-record notice: the Whop wordmark with links to the buyer terms and privacy policy. Required — the payment, card and card fields elements stay in their loading state until it is mounted, and payments cannot be confirmed without it. - [PaymentRequest](https://docs.whop.com/elements/beta/payments/paymentRequest.md): Low-level Apple Pay, Google Pay, or PayPal sheet for custom buttons, express checkout, and shipping callbacks. Wallet tiles automate this flow through `payments.createConfirmationToken`. Await `canMakePayment()` to check availability and prime the wallet, then call `show(type)` synchronously in the… ###### CardFields - [CardFields](https://docs.whop.com/elements/beta/payments/cardFields.md): Three separately mountable, PCI-isolated card fields for custom layouts: number, expiration, and security code. Create with `payments.create("cardFields")`, place each field, enable your payment button from `onChange`, and confirm with `payments.createConfirmationToken()`. Card numbers remain in hos… - [CardNumberElement](https://docs.whop.com/elements/beta/payments/cardFields-cardNumber.md): PCI-isolated hosted card number field. Card numbers never reach the host page. - [CardExpiryElement](https://docs.whop.com/elements/beta/payments/cardFields-cardExpiry.md): PCI-isolated hosted card expiration field. - [CardCvcElement](https://docs.whop.com/elements/beta/payments/cardFields-cardCvc.md): PCI-isolated hosted card security code field. ##### Verifications - [Verifications](https://docs.whop.com/elements/beta/verifications/overview.md): Collects and verifies identity information for an account. Mount `kyc` for a complete KYC or KYB flow backed by the Verifications API. - [KycElement](https://docs.whop.com/elements/beta/verifications/kyc.md): A complete identity-verification flow. It collects individual KYC or business KYB details, starts or resumes the hosted provider session, handles follow-up information and document requests, polls status, and renders the final result without requiring the host to build verification UI. - [CapabilitiesElement](https://docs.whop.com/elements/beta/verifications/capabilities.md): The account's verification standing: whether individual and business verification are done, and which capabilities that unlocks. Read-only — pressing a verify button reports `verificationRequested` and stays put, so the host mounts its own flow, such as this namespace's `kyc` element. Both halves ca… - [RfiElement](https://docs.whop.com/elements/beta/verifications/rfi.md): Everything the account still owes compliance, and the forms to answer it. Each row is one group of requirements — grouped by the system that asked, because each relays to its provider once its own items are answered — and pressing it opens that group’s form in place. Rows already with a reviewer are… ##### Checkout - [Checkout](https://docs.whop.com/elements/beta/checkout/overview.md): Drives a full hosted checkout for one or more plans — itemized price summary, promo codes, the currency the buyer pays in, and the whole payment collection surface (the payments elements, composed inside) — against the Whop checkout sessions API. Mount it with `items`, a single `plan`, or a `checkou… - [CheckoutElement](https://docs.whop.com/elements/beta/checkout/checkout.md): The full checkout surface — order summary with the live quote, promo code entry, the currency the buyer pays in, everything this checkout has to collect from the buyer, the composed payment methods surface, and the pay flow. What it collects is whatever the seller set up (email, their own questions,… - [ExpressCheckoutElement](https://docs.whop.com/elements/beta/checkout/expressCheckout.md): One-press Apple Pay, Google Pay and PayPal buttons for a checkout — the wallet collects whatever the session still needs (the buyer's email, a shipping address for physical goods, a phone number where the seller collects one in Apple Pay and Google Pay, and in Apple Pay a promo code where the seller… ##### Ads - [Ads](https://docs.whop.com/elements/beta/ads/overview.md): An advertising account. Scope it to a Whop account with `accountId` — the ad account underneath is assigned server-side and never surfaces here — then mount `reporting` for what the account spent and what came back, or `campaign-creator` to build a campaign. - [BillingSetupElement](https://docs.whop.com/elements/beta/ads/billing-setup.md): Which payment methods ad spend bills against: a primary used first, and an optional backup for when it fails. Both are chosen from the methods already saved on the account, and picking one saves it immediately — there is no separate submit. Adding a card opens a card form over your page and returns… - [CampaignCreatorElement](https://docs.whop.com/elements/beta/ads/campaign-creator.md): The advertising campaign builder: objective and budget, ad groups with their targeting and schedule, and the ads themselves with their creative — the whole flow through to launch. Opens empty to build a new campaign, or on an existing one when you pass `campaignId`. It runs the pixel checker too: a… ###### Reporting - [Reporting](https://docs.whop.com/elements/beta/ads/reporting.md): An advertising account's reporting: what it spent and what came back, over a window, at whatever level you narrow to. Mount `chart`, `table`, or both — they read the same window, the same credit rule, and the same selection, so two surfaces side by side can never disagree about what they are showing… - [ChartElement](https://docs.whop.com/elements/beta/ads/reporting-chart.md): An account’s performance over a window, with a picker for what to plot — spend, impressions, clicks, or any conversion the account records. Read-only. - [TableElement](https://docs.whop.com/elements/beta/ads/reporting-table.md): An advertising account's campaigns, ad groups, and ads in one table, with the tabs that move between them: pick rows to narrow the level below, search, sort, break the numbers down, choose your columns, and pause, resume, duplicate, or delete straight from a row. The window it reports on and the row… ##### Tracking - [Tracking](https://docs.whop.com/elements/beta/tracking/overview.md): An account's tracked audience: everyone its pixel has seen, and every event they performed. Scope it to an account with `accountId`, then mount `people`, `events`, or both. They read the same window and the same credit rule, so two surfaces side by side can never disagree about what they are showing… - [PeopleElement](https://docs.whop.com/elements/beta/tracking/people.md): Everyone the account has seen — visitors and customers resolved from pixel activity, with their source, spend, and activity counters. Search, filter by source, event, geography, or device, sort any column, and page through. A row click follows `links.person` when the handle configures it, and otherw… - [EventsElement](https://docs.whop.com/elements/beta/tracking/events.md): Every event the account measured — page views, leads, purchases, and custom pixel events — as a raw, filterable stream. The rows behind any metric: filter by event, source, geography, or device over the handle’s window, or search one person’s identifier to read their whole journey. A person cell fol… - [PersonElement](https://docs.whop.com/elements/beta/tracking/person.md): Everything the account knows about one person: who they are, where they came from, what they have spent, and every event they have performed, in order. The view a person click leads to: mount it on the page `links.person` points at, or present it over your own page when `people` or `events` raise `p… ##### Wallet - [Wallet](https://docs.whop.com/elements/beta/wallet/overview.md): Drives an account's money surfaces. `actions` renders the Deposit, Accept, Send, and Convert controls: Deposit, Send, and Convert open their Wallet overlays, while Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. `deposit` returns live fund… - [ActionsElement](https://docs.whop.com/elements/beta/wallet/actions.md): The account action row from Whop's balance dashboard. Deposit, Send, Withdraw, and Convert open the Wallet controller's built-in overlays. Accept opens Whop's checkout-link creator for a business account or company creation for a personal account. Each button also emits its requested event so the em… - [ActivityElement](https://docs.whop.com/elements/beta/wallet/activity.md): An account's ledger activity: every movement of money in or out, newest first. The list pages as the viewer scrolls, and rows report which one was tapped instead of navigating, so you can open your own detail screen. - [ActivityDetailElement](https://docs.whop.com/elements/beta/wallet/activityDetail.md): A standalone detail drawer for one movement. Point it at a prefetched financial-activity row, a ledger activity ID, or a card transaction ID — a prefetched row takes precedence, otherwise the element retrieves the record itself. A card transaction opens the card receipt: merchant, amount, status, th… - [DepositElement](https://docs.whop.com/elements/beta/wallet/deposit.md): Funds a Whop account. Renders an amount field and the account's live funding rails — crypto (a per-network deposit address with its QR) and bank transfer (the wire fields for each settlement currency). A business account's rails resolve with no credentials, so they work on any page; a personal (`use… - [ConvertElement](https://docs.whop.com/elements/beta/wallet/convert.md): Converts an account's USD balance to Gold or Coinbase Wrapped Bitcoin, and back, through Whop's public swaps API. A cross-origin mount needs an `accessToken` scoped to `company:balance:read` plus `crypto_wallet:swap` or `crypto_wallet:manage`. - [WithdrawElement](https://docs.whop.com/elements/beta/wallet/withdraw.md): Collects a payout amount and saved payout method, groups standard and instant delivery choices with live fees and arrival estimates, and collects a new payout method when needed. When the host does not drive the flow, the element lists methods and creates the payout itself — pass `accessToken` (or r… - [SendElement](https://docs.whop.com/elements/beta/wallet/send.md): Sends money from an account to a recipient — a user, another account, or a public claim link anyone can redeem. Direct transfers use the source account's configured fiat or crypto rail. Renders its own recipient search resolved from the account ID with no credentials beyond the account's own token.… ###### Balances - [Balances](https://docs.whop.com/elements/beta/wallet/balances.md): Three views of an account's money. The balance view shows the total, a chart of how it changed, and a picker for the time range. The list view shows the holdings that make up that total, valued in dollars. The breakdown view splits one currency into available, pending, reserve, and negative amounts… - [BalanceElement](https://docs.whop.com/elements/beta/wallet/balances-balance.md): An account's balance and a chart of how it changed. The total and its change sit at the top, the chart below that, and the time range buttons at the bottom. The viewer can read individual points on the chart and switch the time range themselves. - [BreakdownElement](https://docs.whop.com/elements/beta/wallet/balances-breakdown.md): One currency's total split into available, pending, reserve, and negative balances. Zero-value rows disappear, and the surface deliberately contains no money-movement buttons so the host owns those actions. - [SettlementElement](https://docs.whop.com/elements/beta/wallet/balances-settlement.md): The account balance details shown by Whop's dashboard: available funds, pending settlement dates, reserve terms, and any negative balance. It opens as a 550px modal and uses the balances handle's account, currency, and credential. - [ListElement](https://docs.whop.com/elements/beta/wallet/balances-list.md): The holdings behind an account's balance. Every currency and token gets its own row, showing its name and its value in dollars, largest first. Rows can report which one the viewer tapped, so you can open your own screen for it. When `openHoldingOnSelect` is on, a row click shows that holding's balan… ###### Reports - [Reports](https://docs.whop.com/elements/beta/wallet/reports.md): Balance history and the financial activity behind it, including CSV exports. Account statements are available in the Whop dashboard. - [BalanceReportElement](https://docs.whop.com/elements/beta/wallet/reports-balanceReport.md): Balance history with date, timezone, and currency controls, starting and ending balances, and money-in and money-out breakdowns. Drill into activity and export it without leaving the element. - [ReportActivityElement](https://docs.whop.com/elements/beta/wallet/reports-reportActivity.md): Financial activity with date, currency, direction, and movement filters, pagination, and CSV export. Mount independently or open it from the balance report. ##### Websites - [Websites](https://docs.whop.com/elements/beta/websites/overview.md): An account's websites: every site built on whop.site plus every domain the Whop Pixel reports, with traffic and attributed revenue per domain. Mount `websites` and it lists them with visitors, page views, sales, revenue, trend, and most-viewed pages. Mount `pixel-setup` alongside it and a site whose… - [WebsitesElement](https://docs.whop.com/elements/beta/websites/websites.md): An account's websites in one table: every site built on whop.site — listed from the moment it exists, zeros until traffic arrives — merged by hostname with every domain the Whop Pixel reports. Rows for the whop.site ones carry a Whop mark, so the two sources stay apart even when both have traffic. E… - [PixelSetupElement](https://docs.whop.com/elements/beta/websites/pixel-setup.md): Installs the Whop Pixel and wires conversion events: copy the snippet, check a page for it, confirm the events fire. Mount it inline, or inside your own overlay. ##### Dashboard - [Dashboard](https://docs.whop.com/elements/beta/dashboard/overview.md): An account's own dashboard surfaces, embedded on your site. Scope it to an account with `accountId`, then mount `paymentsTable` for the account's payments, `paymentDetail` for one payment, `required-actions` for the outstanding-action banners Whop's own dashboard shows above the balance — identity v… - [RequiredActionsElement](https://docs.whop.com/elements/beta/dashboard/required-actions.md): The outstanding-action banners from Whop's balance dashboard — identity verification, deposits, tax, and the rest — in the same order the API returns them. An account with nothing outstanding renders nothing at all, so the element can sit permanently in a layout. Copy comes from the API. Pressing Ve… - [VerificationElement](https://docs.whop.com/elements/beta/dashboard/verification.md): A banner asking the account holder to verify their identity, shown only while verification is outstanding — an account that has already verified renders nothing at all, so the element can sit permanently in a layout. The headline and status messages come from the API, with a shorter description when… - [PaymentsTableElement](https://docs.whop.com/elements/beta/dashboard/paymentsTable.md): The dashboard payments table with status cards, search, filters, sorting, row selection, CSV export, column settings, and pagination. Reads all payment pages to compute complete counts and filter locally; intended for accounts with modest payment histories. Customer details and refunds are handed to… - [PaymentDetailElement](https://docs.whop.com/elements/beta/dashboard/paymentDetail.md): A payment detail page with the dashboard breakdown, activity, customer, details, and customer journey. Each section can be hidden. Reads payment:basic:read; customer email needs member:email:read and journey needs member:basic:read. Action events let your application confirm and authorize changes; t… ### SDK #### Element Sessions (Legacy) - [Element Sessions (Legacy)](https://docs.whop.com/sdk/elements/overview.md): Embed Whop chat, DMs, and search in your own site with the legacy @whop/embedded-components packages. - [Getting Started](https://docs.whop.com/sdk/elements/whop-elements.md): The main entry point for Whop embedded components. - [Types](https://docs.whop.com/sdk/elements/types.md): Shared type definitions for Whop embedded components - [Styling Reference](https://docs.whop.com/sdk/elements/styling-reference.md): Stable CSS class names applied to Whop embeddable components ##### Chat - [Create a Chat Session](https://docs.whop.com/sdk/elements/chat-session.md): Manages authentication and creates chat elements. - [ChatElement](https://docs.whop.com/sdk/elements/chat-element.md): A UI element that displays a chat interface. - [DmsListElement](https://docs.whop.com/sdk/elements/dms-list-element.md): A UI element that displays a dms list. - [SearchElement](https://docs.whop.com/sdk/elements/search-element.md): A UI element that allows users to search for messages in a channel, DM, or support chat. ### CLI - [Whop CLI](https://docs.whop.com/cli/overview.md): Install the Whop CLI, sign in, and manage your whole business from the terminal: 51 command groups across commerce, money, ads, and apps. - [CLI Commands](https://docs.whop.com/cli/commands.md): Every Whop CLI command group and subcommand, with descriptions from the CLI itself. Captured from whop 0.16.1. - [Agent Mode](https://docs.whop.com/cli/agent-mode.md): Sync Whop skills into your agent and use the CLI's machine-readable output flags.