Sorry, we didn't find any relevant articles for you.

Send us your queries using the form below and we will get back to you with a solution.

How to customize the receipt table on your Thank you page

Some Thank You Page templates in P2U Studio include a receipt table that displays key details about a donor’s successful payment. You can also choose to display the donor’s name for a more personalized experience. This guide explains how to customize the receipt table and display donation-specific information on your Thank You page.

1. Set up a Thank you page for your campaign

To create a Thank You page, please follow the steps in How to set up a thank you page with P2U Studio? for detailed instructions on:

  • Creating a Thank You page
  • Configuring redirection settings
  • Connecting the Donation and Thank You pages for progress bar activation

*When adding your Thank You page URL as the Success URL in Salesforce, you will see a field called Success URL Parameters. Here, you can select the parameters you want to pass to the Thank You page.

2. Display URL parameter values on your thank you page

To display specific donation details, use the format: $[parameter key]

P2U Studio provides some commonly used parameters by default, but you can customize them by adding or removing items in your receipt table.

Ways to Edit Your Receipt Table

A. Delete or Duplicate an Item

  • Click on an item in the table.
  • Choose Delete or Duplicate as needed.

B. Edit in the Code Editor

B. Edit in the Code Editor

  • Click on an item, then select <> (Edit Code).
  • Modify the header inside <div class="data-title">Your Header</div>.
  • Modify the parameter value inside <div class="data-value">$[URL parameter key]</div>.
  • Example: To display the donor’s last name, enter: <div class="data-value">$LastName</div>.
  • Click Save to apply your changes.

C. Edit in the Text or Code Editor

  • Click on the table block to edit the content directly in the text editor.
  • Alternatively, click the Edit button on the table block to modify the code.
  • Click Save to confirm your changes.

3. Save your changes

 

Updated at April 1st, 2025

Was this article helpful?