Einbettbare Komponenten

Zahlungs-Embed

Akzeptiere Zahlungen in deinem eigenen Checkout-Formular mit dem Payment Element. Unterstützt Kreditkarten, Apple Pay, Google Pay und mehr.

WährungPreis

Zahlungsmethoden werden geladen…

Über diese Vorschau wird nie etwas abgebucht. In deiner App ruft dein Bezahlbutton createConfirmationToken() auf, um die Zahlung einzuziehen.

Installation

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

Verwendung

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