Back to Support Content and Media Blocks Add Payment Buttons

Add Payment Buttons

Using WordPress.com Payments features, you can accept credit and debit card payments for goods, services, subscriptions, memberships, donations, and more. This guide will show you how to insert payment buttons to create recurring revenue or one-time payments on your website.

Payments Options

The Payments feature includes multiple variations for different types of payments. This guide will focus on standard payment buttons. You can also visit our dedicated guides for:

Step 1: Insert a Payment Button

To add the Payments block, click the + Block Inserter icon and search for “payments.” Then, click the icon to add the block to the post or page.

💡

Using your keyboard, you can also type /payments on a new line and press enter to quickly add a new Payments block.

You can then choose from a Donations Form, Payment Button (this guide), or Paid Content:

Screenshot of the Payments intro block, showing options for the Donations Form, Payment Button, and Paid Content blocks.
The Payments block shows options for the Donations Form, Payment Button, and Paid Content blocks.

You can also skip the Payments options and search directly for the variation you want to use. Click the + block inserter and search directly for “Payment Button” or another type of payment block.

Screenshot of the block search with the Payments button highlighted.

Step 2: Connect to Stripe

The Payments feature uses Stripe to process credit and debit card payments from your website’s visitors. This ensures safe and secure payments through encryption.

If this is your first time using any WordPress.com payment features, we’ll prompt you to connect your WordPress.com account to Stripe. Click the Connect button, and you’ll be directed to Stripe to continue:

Stripe Connect button

With Stripe, you can create an account or sign in to an existing one. Any money you earn using WordPress.com Payments will go into your Stripe account. WordPress.com never has any access to the money you earn. From your Stripe account, you can move your earnings to the personal bank account of your choice.

For recurring payments, subscribers are automatically billed at the end of their renewal period. The funds are transferred to your Stripe account. The buyer can cancel the subscription at any time. Payment information does not transfer to other Stripe payment tools, such as those set up with WooCommerce.

Supported Countries and Currencies (click to reveal)

To start accepting payments using a Stripe account, you must be a citizen or own a company in one of the countries where Stripe is available for business. We officially support the countries listed below.

Your customers can pay using a credit card issued anywhere in the world.

Countries
  • Australia
  • Austria
  • Belgium
  • Brazil
  • Bulgaria
  • Canada
  • Cyprus
  • Czech Republic
  • Denmark
  • Estonia
  • Finland
  • France
  • Germany
  • Greece
  • Hong Kong
  • Ireland
  • Italy
  • Japan
  • Latvia
  • Lithuania
  • Luxembourg
  • Malaysia
  • Malta
  • Mexico
  • Netherlands
  • New Zealand
  • Norway
  • Poland
  • Portugal
  • Romania
  • Singapore
  • Slovakia
  • Slovenia
  • Spain
  • Sweden
  • Switzerland
  • United Kingdom
  • United States
Currencies
  • USD
  • AUD
  • BRL
  • CAD
  • CHF
  • DKK
  • EUR
  • GBP
  • HKD
  • INR
  • JPY
  • MXN
  • NOK
  • NZD
  • PLN
  • SEK
  • SGD

Step 3: Set Up the Payment

After adding the Payment Buttons block, your next step is to create a payment plan. This plan can be for one-time, monthly, or yearly recurring payments. For each plan, you can manage the price, subscribers, and emails as described in this guide.

To create your first plan, open the Payment Button block settings in the right sidebar.

If you do not have the sidebar on the right, click the Settings icon in the top right corner to bring up the settings. This icon looks like a square with two uneven columns:

The settings icon in the top right corner
  1. Under “Add a new payment plan“, fill in these details:
    • Name: a name for your payment plan. This will appear in the emails your customers receive.
    • Currency: which currency the payment will be collected in.
    • Price: how much the payment will be for.
    • Interval: the frequency in which your subscribers are billed. This can be a monthly, yearly, or a one-time payment.
    • Toggle on the “Mark this payment plan as a donation” option if appropriate.
    • If you want customers to pick their own price, toggle on the “Enable customers to pick their own amount” option.
  2. Click the “Add payment plan” button.
Example of a payment plan

💡

Transactions using this block do not account for taxes or shipping and will only charge the amount specified. If you wish to capture taxes or shipping, you can include this in the price. Do this when setting up the payment plan.

To select a payment plan you have already created, click the “Select a payment plan” option that appears in the toolbar above or below the block:

Payments block toolbar with the Select a Payment Plan option highlighted.

From left to right, the Payment Buttons block toolbar options are:

Step 4: Customize the Payment Button

Where it says Add text… on the button itself, type the text you want the payment button to display (for example: “Buy Now” or “Purchase”.)

GIF showing the action of typing the button text onto the button.

In the block settings on the right, you can control the width of the payment buttons using the width settings. Choose from preset options (25%, 50%, 75%, 100%) or set a custom width in percentage, pixels, or em units.

When you click on an individual button, you can also access settings to control the color and text appearance.

Payments Management

You can view your earnings, customers, and payment plans by visiting Tools → Monetize → Collect payments (or Jetpack → Monetize → Collect payments if using WP-Admin). Visit our Payments Management guide to learn more.

Selling Digital Products

If you wish to deliver a digital download product to your customers, you can do so with the Payment Buttons block.

When submitting a payment, the payee will receive a confirmation email. In this email, you can include additional information and a downloadable link to your digital products.

If someone knows the direct link to the digital file, they can access the file without payment. While this is a low-risk scenario, it’s something to be aware of. For enhanced security and to ensure your digital products are only accessible after payment, consider using WooCommerce.

To sell a digital download product using the Payment Buttons block, take the following steps:

  1. Visit your site’s dashboard.
  2. Click on Tools → Monetize (or Jetpack → Monetize if using WP-Admin).
  3. Click the “Payment Settings” tab.
  4. Click the “Add a new payment plan” button, where you can fill out the following:
    • Describe the plan: Give your digital product a name that customers will see when they try to purchase the product.
    • Paid newsletter tier: leave this option turned off.
    • Renewal frequency: Set this to a one-time sale.
    • Amount: set the currency and amount for the cost of the product.
    • Welcome message: include a link to the digital product file. You can upload files like PDFs to your site’s Media. Copy the file’s URL to share a link with your customers.
    • Advanced options: optionally configure the following advanced options:
      • Add customers to the newsletter mailing list
      • Enable customers to pick their own amount (“Pay what you want”)
      • Enable customers to make the same purchase multiple times
  5. Click the Save button to save your digital product.
  6. Insert a payment button on your site, setting the button to use your new payment plan.
The set up plan options screen with a plan name, and additional settings.

Selling Physical Products

You can add multiple payment buttons to a page. This allows you to offer a range of price points and different products or services.

If you are selling a physical product, you will need a way to collect your customers’ shipping details. You can do this using the Form block. We suggest this process:

  1. Publish the page that has the Payment Buttons block on it.
  2. Create a new page and add a Form block. Customize your form to collect the required information from your customers (name, address, phone, and any other non-payment-related details.)
  3. Change the form’s submit button text to something like “Next” or “Proceed to Payment”.
  4. In the Form block settings, set it to redirect to another webpage on Submission. Redirect to the page where you added your payment buttons.

In other words, your customers will follow this process:

Payment buttons are a simple way to charge for products. To add full e-commerce functionality to your site, install the WooCommerce plugin. It includes features like a shopping cart, checkout, tax, shipping, and more.

Fees for payments are based on the WordPress.com or Jetpack plan you have and are calculated as a percentage of your revenue:

WordPress.com PlanRelated Fees
WordPress.com Commerce0
WordPress.com Business2%
WordPress.com Premium4%
WordPress.com Personal8%
WordPress.com Pro (Legacy)2%
WordPress.com Starter (Legacy)3%
WordPress.com Free10%
Jetpack PlanRelated Fees
Security and Complete2%
Security Daily4%
Jetpack free10%
Woo Express PlanRelated Fees
Essential0
Performance0

In addition to the fees listed above, Stripe collects 2.9% + US$0.30 for each payment made to your Stripe account. Not in the USA? Check Stripe’s fees in your currency.

This system allows you to offer Payments with minimal upfront investment. As you collect more supporters, it may make sense to move to a higher plan to retain more revenue.

Note that if your WordPress.com or Jetpack plan expires, the fee associated with your plan will increase to 10%. The Stripe fee will be unaffected.

Was this guide helpful for you?

Not quite what you're looking for? Get Help!

Copied to clipboard!