Note: To complete this walkthrough, you need to have your payment forms already created.
To launch a Stripe Checkout or overlay payment form via a custom button link you need to change the button link URL. Adjusting the URL of the button link will depend on how you are editing your content. Update the URL to the following:
Replace 24 with the ID of the payment form you would like to launch. You can find the ID of your payment form in “Simple Pay Pro > Payment Forms”. The form ID is the number portion of the Simple Pay shortcode as shown below.
Next, embed the WP Simple Pay payment form shortcode in your page as you would normally:
[simpay id="24"]. This will cause the payment form to output on the page, but we will hide it in the next steps to ensure only the custom button link is visible.
24 in line 3 with the ID of your payment form. If you are creating multiple buttons on a page, you can add a comma separated list of payment form IDs you want to be able to launch.
Add Custom CSS
There are many ways to add custom CSS code to your WordPress website. We have outlined a few ways in our documentation. Ensure the following CSS is output on the same page your custom button link and shortcode are:
This will hide the default
[simpay id="24"] shortcode output so only the custom button link is visible.