Composants intégrables

Embed de paiement

Accepte des paiements dans ton propre formulaire de paiement grâce à l'élément de paiement. Prend en charge les cartes bancaires, Apple Pay, Google Pay et plus encore.

DevisePrix

Chargement des moyens de paiement…

Cet aperçu ne débite jamais. Dans ton app, ton bouton de paiement appelle createConfirmationToken() pour encaisser le paiement.

Installation

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

Utilisation

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