Payment Elements Form (Pro)
In this tutorial we'll walk you through creating a straightforward payment form with a payment element field. This form is designed to accept multiple payment methods, Here's a step-by-step guide.
Last updated
In this tutorial we'll walk you through creating a straightforward payment form with a payment element field. This form is designed to accept multiple payment methods, Here's a step-by-step guide.
Last updated
In this sample, the Professional plan is required.
Navigate to Contact From -> Add New, we will use two parts:
Stripe Payment Element Field
Stripe Checkout Form tab
In the form editor, click the Stripe Payment Element button. Give a name and insert this field. Here we can see the shortcode stripe_payment_element is generated into the form.
Some examples:
By default, the stripe checkout page will list all available payment methods in which your stripe account is activated. If you want only to allow some of them, you can choose them here.
Three themes supported so far: Stripe, Night, Flat
Customize the Payment Element’s layout to fit your checkout flow: Two layouts supported so far: Tabs, Accordion
Controls if the Payment Element renders in a collapsed state.
After inserting this field, we can now set up the pricing under the Stripe Checkout Form tab.