How to integrate forms into pricing tables?
WP Full Pay 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 Pay supports the following integration strategies with pricing tables:
- Insert checkout form shortcode
- Set payment page URL
- Embed form into popup
The following sections explain each integration strategy in detail.
#1 Way - 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:
- Customer presses the “Buy” button of a pricing table cell.
- Plugin redirects to the Stripe checkout page.
- Customer submits checkout form.
- [Optional] Plugin redirects back to the pricing table or to a “Thank you” page.
Follow these steps to set up the above workflow:
- Create a pricing table, and insert it into a page.
Create one or more checkout forms in WP Full Pay.
(If you create subscription forms, make sure to turn on the “Simple button layout” option)
- Insert form shortcode(s) into the pricing table cell(s).
#2 Way - 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:
- Customer presses the “Buy” button of a pricing table cell.
- Customer is taken to a payment page with an inline form.
- Customer submits an inline form.
- [Optional] Plugin redirects to a “Thank you” page.
Follow these steps to set up the above workflow:
- Create a pricing table, and insert it into a page.
- Create one ore more pages where the pricing table buttons will point to.
- Create one or more inline forms in WP Full Pay.
- Insert the form shortcodes into the payment pages.
- 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.
#3 Way - 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:
- Customer presses the “Buy” button of the pricing table cell.
- A popup or modal is opened with an inline payment form.
- Customer submits inline form.
- [Optional] Plugin redirects to a Thank you page.
Follow these steps to set up the above workflow:
- Create a pricing table, and insert it into a page.
- Create one or more payment inline forms in WP Full Pay.
- Create popups (or modals) on the pricing page.
- Insert the form shortcodes into the popups (or modals).
- Configure the pricing table so that it opens the popups (or modals).