Accept payments

Use the Payments Buttons block to accept payments through your site. In this guide, you will learn how to add and configure the Payments Buttons block to accept one-time payments or subscriptions.

The Payments Buttons block uses Stripe as the payment processor. We recommend setting up Stripe before you add the payment buttons to your site, but you can also connect to Stripe the first time you add a Payments Buttons block.

Note: This guide covers payment buttons for one-time or subscription payments. For other payment types, see: Donations, Paid Content, Paid Newsletters.

If you’re looking for a more robust option for selling products, bookings, and more through your website, take a look at our Introduction to WooCommerce guide.

To add a payment button to your site, take the following steps:

1. Go to your site’s dashboard.
2. In the menu on the left, navigate to where you want to add the payment button:
   • Page: Go to the Pages section of your menu.
   • Post: Go to the Posts section of your menu.
   • Template: Go to Appearance → Editor and select the template.
3. Click the + block inserter icon and search for “payment”:

4. Click the Payment Buttons block to insert it. If you have not connected to Stripe, you will be prompted to do so now.
5. Click where it shows “Add text…” and type your button text. This can say “Buy Now,” “Tier 1 Plan,” or any text you choose.

After you add the payment button, you need to assign a payment plan. A payment plan defines the amount customers pay and how often (one-time or subscription).

Follow these steps to create a payment plan:

1. Click the payment button in the Payment Buttons block.
2. In the block toolbar that appears, click the “Select a payment plan” button.
   • The button text may display a pre-selected payment plan instead:

3. Select from an existing payment plan, or click “Add a new payment plan” in the drop-down to create a new payment plan.

You can add multiple payment buttons to the same Payment Buttons block. For example, if you want to display tiered pricing options, adding buttons side-by-side can be a great method for showing what you offer.

To add more payment buttons to an existing Payment Buttons block, follow these steps:

1. Select List View in the top-left corner of the editor (the icon looks like a list).
2. Click the Payment Buttons block item in the List View.

3. Click the + block inserter icon that appears in the block to add a new payment button.
4. Add text to the button and assign a payment plan.

After you add the Payments Buttons block to your site, you can change the button color, layout, and more.

Learn how to style your payment buttons.

You can create a new payment plan before you create your Payments Buttons block, or while in the process of adding the block to your content.

To create a new payment plan while editing your buttons, follow these steps:

1. Click the payment button in the Payment Buttons block.
2. In the block toolbar that appears, click the “Select a payment plan” button.
3. Click the “Add a new payment plan” option.
4. In the block settings sidebar on the right, configure the payment settings:
   • Name: Give the payment a memorable name. This name will appear in the email receipt your customers receive.
   • Currency: Which currency the payment will be collected in.
   • Price: How much the payment will be for.
   • Interval: The frequency with which your subscribers are billed. This can be a monthly, yearly, or one-time payment.
   • If you want customers to pick their price, toggle on the “Enable customers to pick their own amount” option.
5. Click the “Add payment plan” button.

This new payment plan will be assigned to the button you created and appear as an option when you add new payment buttons to your site. Learn more about setting up and managing payment plans.