Form Checkout Redirect

Seamless redirection to Stripe-hosted checkout pages for one-time & subscription payments after submitting your form. Support multi payment methods, one-time, recurring pay, coupon, tax, etc.

Upon enabling this checkout method, the workflow proceeds as follows:

1. When the user submits the form, we initially validate the fields required by the contact form.

2. Next, we redirect to the Stripe-hosted checkout page to complete the transaction.

3. Once the payment succeeds, the form data will be saved and a success message will be sent out.

To trigger CF7 email notification after payment, the webhook setup is required.

Features

• More custom fields, such as user email, price, frequency, quantity, currency, product, etc.

• More payment methods, like EPS, Giropay, Sofort, iDeal, Alipay, Apple/Google Pay, WeChat.

• Using a secure Stripe-Hosting checkout page that can be customized with your Brand.

• One-Time & Recurring Pay.

• Coupon, Stripe-Tax.

Let's create a checkout redirect form

Installation and Configuration Steps

1. Install the Plugin: Ensure our plugin is installed.

2. **Verify Stripe Settings:

Create your Form

We are going to create a contact form with an amount field and quantity field to checkout.

<label> Your name
    [text* your-name autocomplete:name] </label>

<label> Your email
    [email* your-email autocomplete:email] </label>

<label> Subject
    [text* your-subject] </label>

<label> Price
    [number* price-amount "19"]</label>

<label> quantity
    [number* price-quantity "2"]</label>

[submit "Purchase"]

Checkout configuration

In the form settings page, an additional tab titled "Stripe Checkout Redirection" should be visible. Once enabled, it will redirect the end user to the Stripe after submitting form.

• Enable: The form redirection only works if we enable this item.

• Payment Methods: Specify the supported payment methods (choose Automatic collect if you want to keep the same as Stripe Dashboard activations)

• Payment Type: the Payment Type field that consists of three options: one-time, subscription, and flex.

  • One-time - For only standalone purchases

  • Subscription - For only recurring subscriptions (Pro only)

  • Flex - Collects either one-time or subscription based on conditional logic (Pro only)

• Amount Field: This option is a dynamic value, we can set a fixed value or a field name such as [your-amount]

Subscription Payment Settings (Pro)

To enable a subscription, make sure the premium version is installed first. When the Payment Type is chosen as Subscription or the subscription field condition is met under Flex mode, the payment will be considered a subscription. Configure the following settings:

<label> Your name*
    [text* your-name autocomplete:name] </label>

<label> Your email*
    [email* your-email autocomplete:email] </label>

<label> Amount*
    [number* your-amount min:1 max:999999 "99"] </label>

<label> Quantity*
    [number* your-quantity min:1 max:99 "1"] </label>

<label> Frequency*
    [radio interval use_label_element "day|day" "month|month" "year|year"] </label>

<label> Frequency count *
    [number* interval-count min:1 max:99 "3"] </label>

[submit "Subscribe"]

Test

After completing the configuration, preview, and test