Thank You Page
There are multiple options and settings for the post-checkout user experience once a donation has been made.
Last updated
There are multiple options and settings for the post-checkout user experience once a donation has been made.
Last updated
The donation confirmation is a widget that displays on checkout. It provides the following functionality:
Agreement to donate — For donation types Customer and Merchant/Customer Match, the donation confirmation element provides a checkbox that allows the user to decide whether to agree to donate or not.
Charity logos – If the default charity is the only charity saved on the dashboard, and no featured charities have been saved, then the default charity’s logo will be shown on the left side of the widget (and to the right of the checkbox when present). If at least one featured charity has been saved in addition to the default charity, up to 5 logos will display in a row at the bottom of the widget.
Total donations – If the total donations display toggle has been enabled on the dashboard, and the minimum threshold is less than the starting value plus the real-time total, a message “$x.xx donated to date.” is shown.
User messaging – Depending on the dashboard settings, including the number of charities, the donation actor and option, and the customer search toggle, a dynamic set of messages are displayed to the customer. All of the text for this area is found in the int_changeup_sfra/cartridge/templates/resources/changeup.properties file and can be customized or translated during integration.
Donation amount — The amount calculated for the donation is shown on the right side of the element.
When the donor is configured to be the Merchant on the dashboard, no monetary changes are made to the order because the merchant will fund the donation amount. When the donor is configured to be the Customer or Customer/Merchant Match, the customer will be presented with a checkbox on the widget that allows them to consent to fund the donation. The donation amount will be added to the order or removed when the checkbox is checked on or off. The donation is applied to the cart as a Product Line Item, with dynamic pricing, based on the Donation Actor, Donation Option, and cart totals.
NOTE: Because a donation product is used to affect monetary change for the donation amount, the product has the potential for displaying to the customer within the product line item summary on the checkout and confirmation page. If the checkout page is reloaded, the line item will display in the summary without a custom approach to hide it. It is up to the merchant whether they want to hide this line item. To hide, custom code will be needed in the template to look for the donation product’s ID, place identifying attributes (e.g., class or id) on the parent element of the line item, then use CSS to hide it. Remember that any product counts displayed will also display the number of products plus one for the donation product unless a custom code is used to affect this.
The charity selector is a widget that displays on the order confirmation and allows customers to choose a charity to donate to based on the options the merchant has configured on the dashboard. The default charity and any featured charities chosen on the merchant’s dashboard will be displayed as tiles with the opportunity to select them. A search box will render, allowing the customer to search the ChangeUp database for a charity.
The thank you page header is editable in the Thank You Page > Headline text box in within the dashboard.
The merchant statement is in the Thank You Page > Merchant Statement text box in within the dashboard:
Once the customer selects a charity by clicking the Send It! button, a message is shown to the customer confirming their actions. This message is configurable via the content asset:
Content Asset: changeup-sendit-submit-merchant-statement
Suppose the customer makes no charity selection within 10 minutes of loading the order confirmation page. In that case, the donation is automatically set to use the merchant-selected default charity as receiving the donation. There is a client-side timer code that will hide the charity selector and display a message similar to the message for the Send It! action. The copy in this message is exclusively configurable like the Send It! action via the content asset:
Content Asset: changeup-timer-submit-merchant-statement