This article is for an older version of the plugin
If you're looking for the latest version of the documentation, click here

How to integrate forms into pricing tables

Learn everything about the 3 strategies you can use to integrate payment forms into pricing tables.

Introduction

WP Full Stripe forms can be integrated into pricing tables.

The type of integration you can do depends on the capabilities of the Wordpress theme and pricing table plugin installed on your website.

WP Full Stripe supports the following integration strategies with pricing tables:

  1. Insert checkout form shortcode
  2. Set payment page URL
  3. Embed form into popup

The following sections explain each integration strategy in detail.

Strategy 1 - Insert checkout form shortcode

Use this strategy if you can insert shortcode into the pricing table cell.

With this integration, the shortcodes will generate payment form buttons.

This is how the payment flow looks like:

  1. Customer presses the “Buy” button of a pricing table cell.
  2. Plugin redirects to the Stripe checkout page.
  3. Customer submits checkout form.
  4. [Optional] Plugin redirects back to the pricing table or to a “Thank you” page.

WP Full Stripe - Insert checkout form shortcode

Follow these steps to set up the above workflow:

  1. Create a pricing table, and insert it into a page.
  2. Create one or more checkout forms in WP Full Stripe.
    (If you create subscription forms, make sure to turn on the “Simple button layout” option)
  3. Insert form shortcode(s) into the pricing table cell(s).

Strategy 2 - Set payment page URL

Use this strategy if you can enter only an URL into a pricing table cell.

This is how the payment flow looks like:

  1. Customer presses the “Buy” button of a pricing table cell.
  2. Customer is taken to a payment page with an inline form.
  3. Customer submits an inline form.
  4. [Optional] Plugin redirects to a “Thank you” page.

WP Full Stripe - Set payment page URL

Follow these steps to set up the above workflow:

  1. Create a pricing table, and insert it into a page.
  2. Create one ore more pages where the pricing table buttons will point to.
  3. Create one or more inline forms in WP Full Stripe.
  4. Insert the form shortcodes into the payment pages.
  5. Put the payment page URLs into the pricing table cells.

Pro tip - Using a single form with a plan selector URL parameter
If you’re selling subscription plans in the pricing table, you can use a single subscription form by setting the default subscription plan by passing an URL parameter.

Strategy 3 - Embed form into popup

Use this strategy if the pricing table and the theme (or form builder) are tightly integrated, and a popup or modal can be opened when the customer presses the “Buy” button in a pricing table cell.

This is how the payment flow looks like:

  1. Customer presses the “Buy” button of the pricing table cell.
  2. A popup or modal is opened with an inline payment form.
  3. Customer submits inline form.
  4. [Optional] Plugin redirects to a Thank you page.

WP Full Stripe - Embed form in popup

Follow these steps to set up the above workflow:

  1. Create a pricing table, and insert it into a page.
  2. Create one or more payment inline forms in WP Full Stripe.
  3. Create popups (or modals) on the pricing page.
  4. Insert the form shortcodes into the popups (or modals).
  5. Configure the pricing table so that it opens the popups (or modals).
Still not finding the solution?

Our support team is happy to help you.

Contact support

Feature requests are always welcome!
We consider each feature request carefully, and examine how it fits the roadmap for the plugin.