Inbeddbare componenten

Betalings-embed

Accepteer betalingen in je eigen afrekenformulier met het betalingselement. Ondersteunt creditcards, Apple Pay, Google Pay en meer.

ValutaPrijs

Betaalmethoden laden…

Deze preview brengt nooit kosten in rekening. In je app roept je betaalknop createConfirmationToken() aan om de betaling te verzamelen.

Installatie

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

Gebruik

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

Componenten

Betalings-embed