Beágyazható komponensek

Fizetési beágyazás

Fogadj fizetéseket a saját fizetési űrlapodon a fizetési elemmel. Támogatja a bankkártyákat, az Apple Pay-t, a Google Pay-t és még sok mást.

PénznemÁr

Fizetési módok betöltése…

Ez az előnézet soha nem terhel meg semmit. Az alkalmazásodban a fizetés gomb a createConfirmationToken() függvényt hívja meg a fizetés beszedéséhez.

Telepítés

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

Használat

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

Komponensek

Fizetési beágyazás