How to Display the Payment Dashboard on the Frontend (SureForms)

You can easily display the payment dashboard on the frontend of your website using SureForms. This allows users to view their payment history and manage subscriptions.

Method 1: Using the Block Editor (Gutenberg)

If you are using the default WordPress block editor, follow these steps:

Steps:

• Edit or create a page where you want to display the payment dashboard.
• Click on the Add Block (+) button.
• Search for the Payment History block.
• Add the block to your page.

Block Settings

Once you add the block, you will see the following options:

• Payments Per Page
  Set how many payments you want to display per page.
• Show Subscription Section
  Enable this option to display subscription details.

Frontend Output

After publishing the page, users will be able to:

• View their payment history
• See details such as:
  • Form Name
  • Payment Type
  • Payment Gateway
  • Transaction ID
• Manage subscriptions:
  • Cancel subscription
  • Keep active subscription

Method 2: Using Shortcode (For Page Builders)

If you are using a page builder (like Elementor, Beaver Builder, etc.), you can use a shortcode.

Default Shortcode:

[srfm_payment_history]

[srfm_payment_history]

This will display all payment history on the frontend.

Shortcode with Parameters:

[srfm_payment_history per_page=10 subscription=true]

[srfm_payment_history per_page=10 subscription=true]

• per_page – Number of payments to show per page
• subscription – Enables subscription section