Payments Buttons Block

The Payments Buttons block allows you to include multiple different Payments Buttons within a single block. Payments Buttons can be used for selling physical and digital products online. These buttons work for both one-time payments and recurring payments, and they’re useful for subscriptions or membership websites. For more information about our Payments feature, check out this guide.

Adding the Payments Buttons Block

While editing a page or post, add a block at the top left by clicking the + icon and searching for Payment Buttons.
Choose the block labeled Payment Buttons.
After adding the block, you’ll be prompted to Connect to Stripe to use this block on your site. Stripe is the payment processor used to take payments for the Payments feature.
When you click Connect, your page or post will save a draft and you will be redirected to log in through Stripe.
If you already have a Stripe account, you can log in at the top of the screen. Otherwise, fill out the form to create your new Stripe account.
Select the account you’d like to connect this button to, and proceed with the steps to connect.
Once connected, you will be redirected back to your page or post. You will see a green banner at the top letting you know that you can now accept funds.

Adding a Payment Plan

To set up your first payment plan, click on the Payments Button block you previously added in the editor. You’ll need to be sure to select the parent block. You can do this by clicking the three dots menu, then click Select parent block (Payment Button).
On the sidebar on the right, you’ll see the option to Add a payment plan. You can fill out the form with the following information:

Name: Choose the name of your payment plan that will be displayed to your customers.
Currency: You can choose a currency from the dropdown menu.
Price: Choose the price for this payment plan.
Interval: Choose how often your customer will be billed—monthly, yearly, or a one-time payment.
You also have the option to mark your payment plan as a donation, or to have the customer choose their own payment amount.

3. Once you have configured the options as desired, click the Add Payment Plan button. Your new payment plan will be applied to the button. You can see which plan has been applied on the block toolbar. You can click there to swap the payment plan for this specific button at any time.

4. Now, you can customize the label on your payment button by clicking Add text and typing whatever you’d like. For example, you might want the button to say Sign Up or Subscribe Now.

5. You can further customize the appearance of the button by changing the colors, adjusting the width, or changing the border radius. After clicking directly on the button, you’ll find those options under the Settings tab on the sidebar on the right.

6. Under the Styles tab, you’ll have the option to choose whether you want the default or outline style for your button, plus the option to adjust the size of the button label.

7. Once you’ve configured these options, you’re all set! You can further customize the content of your page to include more information about your payment plans, as desired.

Adding Multiple Payments Buttons

The Payments Buttons Block is designed to contain multiple Payment Buttons, so you can add more than one button, if desired. If you’d like to add more buttons, you can follow these steps:

First, select the parent block called Payment Buttons. If you click directly on the button in the editor, you’ll need to click the three dots menu and then click Select parent block (Payment Button), and then do that one more time, this time clicking on Select parent block (Payment Buttons).
Once you have selected the parent Payment Buttons block, you should see a plus sign appear on your button. You can click this to add another button within the same block:

Once you’ve added your second button, you can click on the block menu to select the payment plan for the new button:
You can customize this button following the same steps you used to customize your first button.

You can add as many buttons within the Payment Buttons block as you like. For example, you might have one button that says Click to subscribe monthly and another button that says Click to subscribe yearly.

Managing Your Payment Plans

You can manage your payment plans by following these steps:

Visit your WordPress.com dashboard.
Click on Tools in the menu on the left, then click the Earn submenu item.
Under Collect Payments, click the button Manage Payment Button.
Under Manage plans, Click on Payment plans to see a list of your payment plans.

You can add a new plan, edit, or delete your existing plans from this page.

Tip: You can also access this page from the block editor while you’re editing your Payment Buttons. When the Payment Buttons block is selected, you’ll see a link in the right-hand sidebar that says Manage your payment plans. Clicking that link will bring you the same page on your WordPress.com dashboard, where you can manage your plans.