Einbettbare Komponenten

Zahlungs-Einbettung

Akzeptieren Sie Zahlungen in Ihrem eigenen Checkout-Formular mit dem Zahlungselement. Unterstützt Kreditkarten, Apple Pay, Google Pay und mehr.

WährungPreis

Zahlungsmethoden werden geladen…

Diese Vorschau belastet nichts. In Ihrer App ruft Ihr Zahlungsbutton createConfirmationToken() auf, um die Zahlung zu erfassen.

Installation

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

Nutzung

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>
  );
}