Whop。使用AI创建或运营业务

Economic Intelligence

赚取下一笔收入的最快途径

经济智能是一套决策系统，能在各个层面告诉经营者下一步的最佳行动。

了解更多

Whop CLI

以代理方式运营您的业务

您可以从 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

TypeScript ReactUTF-8

人群

邀请团队成员并管理访问级别和子账户。

立即部署一个业务。

精选客户

Viral Coach

Daniel Iles 是 Viral Coach 的创始人，这是一个由 AI 驱动的 SaaS 平台，帮助创作者、教练和机构在 TikTok、Instagram 和 YouTube 上生成、安排和发布病毒式短视频内容。

我们的使命是为每个人带来可持续的收入。

Whop 由开创互联网市场的建设者和运营者打造。员工平均年龄为25岁，我们团队中有四分之三的人是前创始人。我们每天使用自己的产品，许多团队成员在 Whop 上经营自己的业务。

加入我们的团队

垂询：press@whop.com

新经济。

赚取下一笔收入的最快途径

以代理方式运营您的业务

在竞争激烈的市场中蓬勃发展。

支付

广告

交易

账户

卡片

沟通

通过我们的 API 为您的平台赋能。

结账

钱包

广告

卡片

报告

转换

充值

提现

发送

人群

立即部署一个业务。

精选客户

Viral Coach

我们的使命是为每个人带来可持续的收入。

解决方案

资源

公司

社交