How to Add a Payment Form using the WordPress Block Editor

Gutenberg is WordPress’s default block editor that allows you to build pages using blocks. WP EasyPay forms integrate directly with Gutenberg through a dedicated block, making it easy to add payment and donation forms without coding.

With WP EasyPay, you can quickly embed payment forms directly from your block editor.

Ways to Add WP EasyPay Forms

You can add WP EasyPay forms using:

1. Native WP EasyPay Block (Recommended)
2. Shortcode Method

1: Using the WP EasyPay Block

This is the easiest and most seamless way to add your form.

Steps:

• Open the page or post in the WordPress Block Editor
• Click the + (Add Block) button and search for WP EasyPay
• Select the WP EasyPay Block and choose your form from the dropdown

Your form will instantly appear in the editor.

2: Using the Shortcode

Use this method if you prefer manual embedding.

Steps:

• Go to WP EasyPay → Forms
• Copy your form shortcode (e.g., Form does not exist)
• Open your page in the editor, add a Shortcode block, and paste the shortcode

Customization Tip

• Customize labels and form theme colors from the WP EasyPay form editor.

Troubleshooting

Form not showing in the block?
Make sure you have selected a form from the dropdown.

New form not appearing?
Only published forms appear in the list. Ensure your form is not in draft.

Block shows limited forms?
The block may display only the latest forms. Confirm your form is recently published.

Conclusion

WP EasyPay makes it easy to add payment forms directly within Gutenberg. Use the native block for a quick setup or shortcode for manual control, and start accepting payments seamlessly.