Whop。AIでビジネスを立ち上げ、運営しましょう

Economic Intelligence

次の1ドルへの最短ルート

Economic Intelligenceは、ビジネスの運営者にあらゆるレベルで次の最善の一手を示す意思決定システムです。

上位20人の購入者からアフィリエイトを募集しましょう

広告キャンペーンのターゲティングを見直して、インプレッション単価を25%下げましょう

ウェブサイトの上部に購入ボタンを追加しましょう

今四半期に離脱した240人のメンバーを呼び戻しましょう

今週失敗した86件のカード決済を再試行しましょう

月額メンバー120人を年間プランに切り替えましょう

購入者の18%がすでに選んでいるチェックアウト追加オファーを追加しましょう

修了した640人のメンバーに次のコースを販売しましょう

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