As you may know, we currently offer a element that displays a summary of the user's payment details after they complete a transaction. However, this section has a fixed design, allowing only limited customization of its styles. In many cases, users request the ability to display a fully customized confirmation or thank-you page.
To address this, we now provide a receipt shortcode that allows you to design a confirmation page that seamlessly aligns with your site's style and branding. This feature gives you the flexibility to create a completely tailored experience for your users.
Redirect to a Custom Confirmation Page
1. Create Your Confirmation Page
Create a new page where you want to display the detailed payment confirmation.
2. Add the Receipt Shortcode
Insert the following shortcode into your page:
[epa-receipt]
3. Insert merge fields
You can customize your confirmation page by incorporating various supported tags to display transaction details such as by using the below-supported merge fields:
Insert any of the below tags into your HTML pages:
Metadata is a powerful feature that allows you to store all the submitted form data, which can be leveraged to populate templates with field names. This information can also be found in the Stripe Dashboard.
The {metadata} is a formatted key-value string including the specified metadata (for checkout redirection) or form values (for payment form)
We can split them by giving an existing key. For example, if a form id key is called 'first_name', we can use it in email as {metadata.first_name}
Example overview
To implement a basic confirmation page, add a Custom HTML block with your desired layout. Here's a sample template:
All of our elements and forms are designed to allow you to specify a success redirection. You can easily assign your custom confirmation page by setting it as the success or return URL.
