🛴Checkout Button

A simple elementor button to redirect your customer to a stripe-hosting checkout page with multiple payment methods, one-time, recurring, coupon, stripe tax, etc.

Checkout Button is a payment element that allows customers to quickly and easily check out and complete their purchase. With Pay Addons, you can add a Checkout Button to any page on your WordPress website using the Elementor page builder.

• Coupon, Stripe-Tax.

• One-Time & Recurring Pay.

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

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

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

If interested in setting up a Checkout Form, see Checkout Form.

Enable Payment Button

To use the Checkout Button widget in Pay Addons, you need to first enable it under the Elements tab.

Enabling the Checkout Button widget allows you to add a button to your website that customers can click to initiate the checkout process. This can help to simplify the checkout process and encourage more customers to complete their purchases. The widget is fully customizable, so you can adjust its appearance and behavior to fit your needs.

Build Your Button

1. To get started, create a new page or post, and edit it using Elementor.

2. Next, drag and drop the Checkout button onto your page (you can search for it using the keyword "checkout" or find it under the "PAY-ADDONS" category)

3. Click on the button and customize the UI with Elementor as you wish.

General Settings

Users can customize Payment methods, Mode, Shipping Address, and other options in the general settings tab.

Make sure the Success and Cancel redirect url are specified, these fields are required

The subscription mode is only available under Premium plan.

One-time price settings

Choose mode as one-time

Price settings allow users to customize Currency, Quantity options, and more.

Subscription price settings (Pro)

Subscription products can also be added through a simple button. Select "Subscription" in the mode option to display recurring payment settings.

The recurring fields include "Number of intervals" and "Recurring frequency." For example, to create a 3-month subscription at $99, set the amount to 99, the number of intervals to 3, and select "month" as the frequency.

Using Stripe Price

If you have more advanced configurations such as multiple currencies, tax codes, Statement descriptor, and different pricing model such as Flat rate: Good-better-best, you can leverage the Stripe Built-in price & product. https://docs.stripe.com/products-prices/manage-prices

Testing

After the configuration, click on the button, and you will be redirected to the stripe-hosting checkout page to finish the transaction.

Success: 4242424242424242 Any 3 digits Any future date

Decline: 4000000000000002 Any 3 digits Any future date

For more testing cards sample, please refer https://stripe.com/docs/testing#use-test-cards

Success page

After filling in the payment information and clicking the Subscribe button, we will be redirected to the Success page which is configured in the previous section. In the thank-you page, we can reuse our Confirmation Summary widget or customize the receipt shortcode to collect the payment receipt information