Gömülebilir Bileşenler

Ödeme Yerleştirme

Ödeme öğesiyle kendi ödeme formunuzda ödemeleri kabul edin. Kredi kartlarını, Apple Pay, Google Pay ve daha fazlasını destekler.

Para BirimiFiyat

Ödeme yöntemleri yükleniyor…

Bu önizleme asla ücret talep etmez. Uygulamanızda, ödeme butonunuz ödemeyi toplamak için createConfirmationToken() işlevini çağırır.

Kurulum

$ npm install @whop/elements-react @whop/elements

Kullanım

import { WhopElements, Payments, PaymentElement, BrandingElement } from "@whop/elements-react";
import { loadWhop } from "@whop/elements";

export default function PaymentForm() {
  return (
    <WhopElements elements={loadWhop()}>
      {/* amount is in minor units: 1000 is $10.00 */}
      <Payments accountId="biz_XXXXXXXXX" currency="usd" amount={1000}>
        <PaymentElement onChange={(event) => console.log(event)} />
        {/* Your pay button calls createConfirmationToken(); confirm the token server-side. */}
        <BrandingElement />
      </Payments>
    </WhopElements>
  );
}