Çalışmanın geleceğine katılın

Sonraki... inşa edin

Bileşenleri göm

Zamanınızı karmaşık bileşenler yerine işinizi büyütmekle harcayın. API’lerimiz her şeyi açığa çıkarır.

checkout.tsx
$ npm install @whop/checkout
import { WhopCheckoutEmbed } from "@whop/checkout/react";

export default function Checkout() {
  return (
    <WhopCheckoutEmbed
      planId="plan_XXXXXXXXX"
      theme="light"
      skipRedirect
      onComplete={(planId, receiptId) => {
        console.log("Payment complete!", { planId, receiptId });
      }}
    />
  );
}
Whop checkout

Kendinize güvenin.