Blocks

Blocks »Simple Payments Block

Classic Editor Instructions

If you are using the WordPress Editor (Blocks), click here.

Create Your First Button
Button Details
Updating and Adding Buttons
Styling the Payments Button
Adding a Widget
Collecting Payments


↑ Table of Contents ↑

Create Your First Button

To add a Simple Payments button, go to My Sites → Site → Pages Add New Page. You can also add a Simple Payment button to existing Posts or Pages by editing them in the Classic Editor.

In the toolbar, click the “⊕ Add” and then the option to add a Payment Button will appear like in the example below:

Add a payment button

If this is your first button you will see the create new button form:

Adding a new payment button

↑ Table of Contents ↑

Button Details

Adding an Image

Adding an image

You can click Add an Image or drag and drop an image onto the form to add an image to your button. After adding the image you will be see the image editing tools:

Editing an image

Click Done when you are ready to upload the image. After the image finishes uploading you can make additional edits to the image by clicking the pencil icon. To change the image click the ✕ on the top right of the current image and add a new one.

Clicking "Done" adds the image

Adding Details

Adding details and description

Fill in the Name, Description, and Price for the item you are selling. You can set the currency by clicking the currency button to the left of the Price input:

Updating payment currency

These are the currencies supported by our PayPal integration.

The toggle below Price enables the multiples option. If enabled the button will show an input field that allows people to purchase more than one item at at time.

Payments captured by your new button will be paid out to the email address you add to the button. Double check the email address you entered. Payments are fulfilled by PayPal but you don’t need an existing account to start collecting payments on your site. Any email address that you have access to will work to get started.

When you are ready click Insert. This will embed your new button into your Post or Page.

Clicking "Insert" adds payment button

↑ Table of Contents ↑

Updating and Adding Buttons

Now that you have your first button created you can make changes or insert it into more Posts and Pages.

To update or add Simple Payments button, go to My Sites → Site → Pages Add New Page or by opening an existing Post or Page in the Classic Editor.

In the toolbar, click the ⌄ next to the ⊕ symbol, and then the option to add a payment button. You will now see a list of all the buttons you have created:

Add new payment button

Adding Buttons

Read about collecting payments here.

You can add an existing button to any Post or Page by selecting any button in the list and clicking Insert:

Add existing button

Or you can add a new button by clicking Add New in the top right corner of the list.

Deleting Buttons

You can delete buttons from the Simple Payments button list. Click the ellipsis on the far right side of the button you want to delete:

Delete payment button

Clicking the trash can will disable the button from all Posts and Pages immediately. Also, the Simple Payments button will no longer be displayed anywhere on the site.

Please note that WordPress.com pages are cached to provide your site visitors a great web experience. Cached pages can sometimes show old content which means a deleted Simple Payments button might still appear on a Post or Page. This should only happen for a few minutes however, updating a Post or Page will remove any deleted buttons immediately from that Post or Page.

You can also remove a button from a single Post or Page. Open the Post or Page you want to remove the button from in the Visual Editor. Click on the Simple Payment button you want removed:

Deleting a payment button from the visual editor

Click the ✕ to remove the button and update the Post or Page to save your changes.

Editing Buttons

You can edit any existing button from the ellipsis menu in the button list:

Edit payment button

or from clicking an embedded button in the Visual Editor:

Editing a payment button from the visual editor

Any applied changes will appear everywhere the button is displayed on the site.


↑ Table of Contents ↑

Styling The Payments Button

For information on how to style aspects of the button, please see our Simple Payments styling page.

Pages: 1 2 3 4 View All

Not quite what you're looking for?

Get Help