💰
elementor pay addons
  • 👋Welcome to Elementor Pay Addons
  • Getting started
    • âš ī¸Prerequisites
    • đŸ’ģInstallation
    • âš™ī¸Settings
    • â„šī¸Webhook Configuration
  • Elements
    • 🛴Checkout Button
    • ✅Confirmation Summary
    • 🚲Price Table Checkout
    • đŸī¸Checkout Credit Card Form (Pro)
    • đŸŽī¸Checkout Element Form (Pro)
    • 🚀Checkout Redirect Form (Pro)
  • FEATURES
    • Email Configuration
    • Decimal Form Field (Pro)
  • Customize confirmation page (Pro)
  • Developer APIs
  • Dynamic Tag PHP
  • Dynamic field by request parameter
Powered by GitBook
On this page
  • Enable Payment Button
  • Build Your Button
  • General Settings
  • One-time price settings
  • Subscription price settings (Pro)
  • Success page
  1. Elements

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.

PreviousWebhook ConfigurationNextConfirmation Summary

Last updated 2 months ago

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.

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

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

Success page

If interested in setting up a Checkout Form, see .

If you have more advanced configurations such as multiple currencies, tax codes, Statement descriptor, and different such as Flat rate: Good-better-best, you can leverage the Stripe Built-in price & product.

For more testing cards sample, please refer

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 widget or customize the to collect the payment receipt information

🛴
Checkout Form
pricing model
https://docs.stripe.com/products-prices/manage-prices
https://stripe.com/docs/testing#use-test-cards
Confirmation Summary
receipt shortcode