Insluitbare componenten

Betalingsembed

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

ValutaPrijs

Betaalmethoden laden…

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

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

Betalingsembed