Whop。用 AI 创建或经营业务

Economic Intelligence

通往你下一美元的最快路径

Economic Intelligence 是一套决策系统，在每个层面告诉企业经营者下一步的最佳行动。

Whop CLI

用 AI 智能体运营你的生意

你在 Whop 控制台中能做的一切，都可以通过 Whop CLI 以编程方式完成。直接通过你的 AI 智能体创建业务、投放广告、转移资金等。

安装 Whop CLI

~ — -zsh

$ whop
Last login: Sat Oct  3 16:35:37 on ttys003
(base) ➜ ~ whop
whop@0.22.0 — Build and manage Whop apps from your terminal.
API version: 2026-09-25

Usage: whop <command>

GET STARTED
  quickstart                 Start here — choose or create the business used by the CLI
  apps                       Build and deploy fully-hosted web apps (*.whop.site)
  upgrade                    Update the CLI to the latest version

COMMERCE
  products                   The things you sell. Each owns variants and a store page.
  waitlist-entries           Join waitlists and manage customer signups awaiting approval.
  variants                   Purchasable configurations of a product.
  plans                      Deprecated compatibility endpoints for variants.
  promo-codes                Discounts that creators configure for checkout.
  memberships                A customer's purchase of a variant, from checkout through cancellation.Last login: Sat Oct  3 16:35:37 on ttys003
(base) ➜ ~

在激烈的市场竞争中脱颖而出。

付款
全球收款、开票、ACH、电汇和融资，开箱即用。
广告
发起广告活动，生成新创意素材，并清楚了解你的广告支出去向。
交易
将收益投资于广泛可用的链上市场。
账户
处理 KYC 和合规事务。为你的平台创建子账户。
银行卡
直接使用余额即时消费，并为团队发放卡片。
沟通
与客户、团队和业内同行保持沟通。

用我们的 API 驱动你的平台。

checkout.tsx

TSXcheckout.tsx

import { WhopElements, Checkout, CheckoutElement }
  from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

const elements = loadWhop();

type Props = { planId: string };

export default function CheckoutDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Checkout plan={props.planId}>
        <CheckoutElement />
      </Checkout>
    </WhopElements>
  );
}1234567891011121314151617

TypeScript ReactUTF-8

结账

在你的应用内直接收款，无需将客户引导至其他地方。

wallet.tsx

TSXwallet.tsx

import {
  WhopElements, Wallet, Balances,
  BalanceElement, ListElement,
} from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

const elements = loadWhop();

type Props = { accountId: string; accessToken: string };

export default function WalletDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <Balances>
          <BalanceElement />
          <ListElement />
        </Balances>
      </Wallet>
    </WhopElements>
  );
}12345678910111213141516171819202122

TypeScript ReactUTF-8

钱包

让客户持有余额、转移资金并管理他们的资产。

ads.tsx

TSXads.tsx

import { WhopElements, Ads, Reporting, ChartElement }
  from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

const elements = loadWhop();

type Props = { accountId: string; accessToken: string };

export default function AdsDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Ads {...props}>
        <Reporting>
          <ChartElement />
        </Reporting>
      </Ads>
    </WhopElements>
  );
}12345678910111213141516171819

TypeScript ReactUTF-8

import { loadWhop } from "@whop/elements";
import {
  WhopElements, Wallet, Cards, WhopCardElement,
} from "@whop/elements-react";

const elements = loadWhop();
type Auth = { accountId: string; accessToken: string };
type Props = { auth: Auth; cardId: string };

export function CardsDemo({ auth, cardId }: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...auth}>
        <Cards>
          <WhopCardElement
            cardId={cardId} hideAppleWalletButton />
        </Cards>
      </Wallet>
    </WhopElements>
  );
}123456789101112131415161718192021

TypeScript ReactUTF-8

银行卡

发行卡片，让用户直接使用余额消费。

reports.tsx

TSXreports.tsx

import { WhopElements, Wallet, Reports, BalanceReportElement }
  from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

const elements = loadWhop();

type Props = { accountId: string; accessToken: string };

export default function ReportsDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <Reports>
          <BalanceReportElement />
        </Reports>
      </Wallet>
    </WhopElements>
  );
}12345678910111213141516171819

TypeScript ReactUTF-8

报表

实时展示业务中每一笔资金流动的报告。

convert.tsx

TSXconvert.tsx

import { loadWhop } from "@whop/elements";
import {
  WhopElements, Wallet, ConvertElement,
} from "@whop/elements-react";

const elements = loadWhop();
type Props = {
  accountId: string;
  accessToken: string;
};

export function ConvertDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <ConvertElement />
      </Wallet>
    </WhopElements>
  );
}1234567891011121314151617181920

TypeScript ReactUTF-8

兑换

让客户直接在原处将余额兑换为不同货币。

deposit.tsx

TSXdeposit.tsx

import { loadWhop } from "@whop/elements";
import {
  WhopElements, Wallet, DepositElement,
} from "@whop/elements-react";

const elements = loadWhop();
type Props = {
  accountId: string;
  accessToken: string;
};

export function DepositDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <DepositElement
          amount="250" preferredMethodId="bank"
        />
      </Wallet>
    </WhopElements>
  );
}12345678910111213141516171819202122

TypeScript ReactUTF-8

存入

无需离开你的应用即可为余额充值。

withdraw.tsx

TSXwithdraw.tsx

import { loadWhop } from "@whop/elements";
import {
  WhopElements, Wallet, WithdrawElement,
} from "@whop/elements-react";

const elements = loadWhop();
type Props = {
  accountId: string;
  accessToken: string;
};

export function WithdrawDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <WithdrawElement />
      </Wallet>
    </WhopElements>
  );
}1234567891011121314151617181920

TypeScript ReactUTF-8

提现

无需离开你的产品即可提现到银行账户。

send.tsx

TSXsend.tsx

import { loadWhop } from "@whop/elements";
import {
  WhopElements, Wallet, SendElement,
} from "@whop/elements-react";

const elements = loadWhop();
type Props = {
  accountId: string;
  accessToken: string;
};

export function SendDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Wallet {...props}>
        <SendElement />
      </Wallet>
    </WhopElements>
  );
}1234567891011121314151617181920

TypeScript ReactUTF-8

转账

向平台上的任何人转账。

people.tsx

TSXpeople.tsx

import { WhopElements, Tracking, PeopleElement }
  from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

const elements = loadWhop();

type Props = { accountId: string; accessToken: string };

export default function PeopleDemo(props: Props) {
  return (
    <WhopElements elements={elements}>
      <Tracking {...props}>
        <PeopleElement />
      </Tracking>
    </WhopElements>
  );
}1234567891011121314151617