1. Home
  2. Integrations
  3. How to Integrate with Elementor Buttons & Pricing Tables

How to Integrate with Elementor Buttons & Pricing Tables

This document will show you how to get Elementor’s pricing table or single buttons to work together with WP Simple Pay’s Onsite overlay forms and Offsite Stripe Checkout pages.

On the page wish to add your WP Simple Pay form, drag in an Elementor Button, Call To Action, or Price Table element. I will be using the Price Table below.

The process is the same for all the mentioned elements.

Click the appropriate button – labeled “Click Here” in the image above – which will open up the button settings panel.

In the settings panel, click on the down arrow to the left of the WP Simple Pay element, choose your payment form from the dropdown, and click Update.

When using the Stripe Checkout form type only forms without additional on-site custom fields are available for use.

Be sure to apply all of your changes by clicking the UPDATE button at the bottom of the page. Everything is now in place, and the pricing table button or a single button will launch the Onsite overlay form or redirect to Offsite Stripe Checkout. The overlay form is shown below:

Repeat the process detailed above for each button in the pricing table if applicable.

Was this article helpful?

Still stuck? How can we help?
Updated on July 27, 2022