🚀Checkout Redirect Form (Pro)

The most powerful form checkout which will redirect to the secure stripe-hosting checkout page, support multi payment methods, one-time, recurring pay, coupon, tax, etc.

In this sample, both the Elementor Pro and our Payment Addons Pro are required

Compare with Checkout Form

Compare with the previous, this Checkout Redirect Form have below features:

Create Form Fields

  1. To get started, create a new page or post, and edit it using Elementor.

  2. Next, drag and drop the Elementor Form onto your page (you can search for it using the keyword "form" or find it under the "PRO" category)

  3. Add form fields one by one, such as Email, Quantity, Price, etc. It's important to assign meaningful IDs to the email and event fields, as they will be used as the customer's email and payment price, respectively. These IDs are crucial because they will be linked with shortcodes.

Form submission actions

Similar to other built-in submission options such as 'Collection Submission', 'Email', and 'Redirect', we offer a payment submission called the Checkout Redirect Submission to manage the checkout-related collection process. Once this action is added, two new sections will appear: the Stripe Checkout Redirect section, which provides payment-related information, and the Stripe Checkout Redirect Fields section, which allows for easy field mapping with forms using shortcodes.

Testing

Success: 4242424242424242 Any 3 digits Any future date

Decline: 4000000000000002 Any 3 digits Any future date

For more testing cards sample, please refer https://stripe.com/docs/testing#use-test-cards

When you click the submit button, you will be redirected to a secure checkout page hosted by Stripe, where you can complete your transaction using the testing account provided above.

Once you have filled in the payment information and clicked the 'Subscribe' button, you will be redirected to the 'Success' page that you configured in the previous section. On this page, you can reuse your Confirmation Summary widget to collect payment receipt information.

Last updated