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 display donation details and donor info on your Thank You Page

Personalize the donor experience with receipt details and custom fields

Some Thank You Page templates in Payments2us Studio include a receipt table that displays key donation details — such as amount, payment status, and donor name. You can fully customize this table to match the donor data passed from Salesforce.

This guide explains how to configure parameters, modify the receipt table, and test that everything displays correctly after a successful transaction.

🧩 Before You Begin

To use this feature, make sure your Thank You Page is already set up and connected to your campaign:

  • Follow the steps in 👉 How to Create a Thank You Page in P2U Studio
  • Configure the Success URL and Success URL Parameters in Salesforce
  • Link your Donation Page to the correct Thank You Page to activate progress bar tracking

⚠️ Important:

You must add the same parameter keys in both Salesforce and Studio.
If they don’t match, the values will not display on your Thank You Page.

 

⚠️ Note about Transaction Number:

The TransactionNo parameter refers to the Payment Confirmation Number generated by your payment gateway — not the Payment Txn No in the Salesforce Payment Txns tab.

 

🛠️ Displaying URL Parameter Values on the Thank You Page

To show values from the donation transaction (e.g. First Name, Amount), use the format: $[parameter key]

You can add or remove items in your Thank You Page's receipt table to choose which details appear.

A. Delete or Duplicate an Item

  1. Click on any item inside the receipt table
  2. Use Delete or Duplicate to manage the row

B. Edit in the Code Editor

  1. Click on an item, then select <> (Edit Code).
  2. Modify the header name inside <div class="data-title">Your Header</div>.
  3. 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-title">Last Name</div> 
      • <div class="data-value">$LastName</div>.
  4. Click Save to apply your changes.

💾 Save Your Page

After editing the table, make sure to click Save in the Page Builder to store your changes.

✅ How to Test Your Setup

To confirm everything is working correctly:

  1. Ensure your Thank You Page is connected to your campaign's Donation Page
  2. Open your live Donation Page
  3. Complete a test donation
    • If you’re using a progress bar, donate a small amount (e.g. $1) so the goal isn’t skewed — progress cannot be reset manually
  4. After payment, confirm the following:

Updated at July 15th, 2025

Was this article helpful?