Composants intégrables

Intégration de paiement

Acceptez les paiements dans votre propre formulaire de commande avec l'élément de paiement. Prend en charge les cartes de crédit, Apple Pay, Google Pay et plus encore.

DevisePrix

Chargement des méthodes de paiement…

Cet aperçu ne débite jamais. Dans votre application, votre bouton de paiement appelle createConfirmationToken() pour collecter 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>
  );
}