Payments Buttons Block

Collect one-time or recurring payments with the ease of a button.

Use Payments Buttons to sell physical and digital products online. For more information about our other payments features, please check out this guide.

Add the Payments Buttons Block

1. While editing a page or post, add a block at the top left by clicking the + icon to activate the Block Selector.
2. Search for and choose the block labeled Payment Buttons.
3. Connect to Stripe if you haven’t already. (Your page or post will save a draft and you will be redirected to log in through Stripe.)
4. If you already have a Stripe account, log in at the top of the screen. Otherwise, fill out the form to create your new Stripe account.
5. Select the account you’d like to connect this button to, and proceed with the steps to connect.
6. You will then be redirected back to your page or post and see a green banner at the top letting you know that you can now accept funds.

Add a payment plan

To set up your first payment plan, follow these steps:

1. Click on the Payments Button block you previously added in the editor.
2. Select the parent block by clicking the three dots menu, then clicking Select parent block (Payment Button).
   
3. In the sidebar to the right, click the option to Add a payment plan. Fill out the form with the following information:

• Name: Choose a title for your payment plan that will be displayed to your customers.
• Currency: Choose a currency from the dropdown menu.
• Price: Set 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. 

4. Once you have configured the options, 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.
5. Customize the label on your payment button by clicking Add text and typing whatever you’d like.
6. 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.
7. 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.

Add multiple Payments Buttons

To add multiple Payments Buttons in the same block, follow these steps:

1. Select the parent block called Payment Buttons.
2. Click on the + sign on your button to add another button within the same block.
3. Click on the toolbar menu to select the payment plan for the new button:
4. 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.

Manage your payment plans

You can adjust your payment plan options by following these steps:

1. Visit your WordPress.com dashboard.
2. Click on Tools in the menu on the left, then click the Monetize submenu item.
3. Click Payment Settings
4. Click on the three-dots menu next to a plan to edit or delete it.
5. Click on Advanced Options to:
   • Add customers to newsletter mailing list
   • Enable customers to pick their own amount (“Pay what you want”)
   • Enable customers to make the same purchase multiple times (sign up for the same plan more than once)

Still need help?

Contact our support team and we’ll be happy to assist!