Elementor is a popular WordPress page builder that lets you design pages using a drag-and-drop interface. WP EasyPay integrates with Elementor through a dedicated widget, allowing you to add payment and donation forms directly into your layouts without coding.

With this integration, you can place forms exactly where needed while maintaining full design control.

Note: Make sure the Elementor plugin is installed and activated before proceeding.

Ways to Add WP EasyPay Forms

You can add forms using:

1. WP EasyPay Elementor Widget (Recommended)
2. Shortcode Method

1: Using the WP EasyPay Elementor Widget

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

Steps:

• Create or edit a page and click Edit with Elementor
• In the Elementor sidebar, search for WP EasyPay Form and drag and drop the widget onto your page
• In the left panel, find the Select Form dropdown and choose the form you want to display

Note: In the editor, you may see a placeholder preview. The actual form will appear on the live page.

2: Using the Shortcode

Use this method if you prefer manual embedding.

Steps:

• Go to WP EasyPay → Forms
• Copy your form shortcode (e.g., [wpep–form id=”—–“])
• Open your page and click Edit with Elementor
• Search for the Shortcode widget, drag and drop the widget onto your page, and paste the shortcode into the field

Customization Tip

• Use Elementor’s Advanced tab to adjust spacing, margins, and styling

Troubleshooting

• Seeing a placeholder box?
  This appears when no form is selected. Choose a form from the dropdown.
  
• Form not appearing in dropdown?
  Only published forms are listed. Make sure your form is not in draft.

Conclusion

WP EasyPay makes it easy to add payment forms within Elementor. Use the widget for a quick setup or shortcode for flexibility, and start collecting payments directly from your pages.