Payment Element
Renders a Stripe PaymentElement — the card form, Apple Pay, Google Pay, and other payment methods supported by Stripe.
Insert image: A Payment Element component on the canvas showing the Stripe card input form with card number, expiry, and CVC fields
Properties
| Property | Description |
|---|---|
purchaseConfig | Product selection, success page, metadata, tax settings. |
enableApplePay | Enable Apple Pay wallet. |
enableGooglePay | Enable Google Pay wallet. |
enablePaypal | Enable PayPal. |
paymentAppearance | JSON string for Stripe Appearance API customization. |
Usage
- Configure products in your funnel settings.
- Add a Payment Element to your checkout page.
- Add a button with the
submitPaymentElementclick action. - The payment form automatically uses the currently selected product.
Trial Detection
If the selected product has a trial period, the Payment Element automatically creates a Stripe SetupIntent (to save the card) instead of a PaymentIntent (to charge immediately). This is handled transparently — no extra configuration needed.
Customization
Use the paymentAppearance prop to customize the Stripe PaymentElement’s appearance via the Stripe Appearance API .
See Products & Payments for the complete payment flow setup.
Last updated on