LWC- Donations
Donations
The Donations Lightning Web Component (LWC) in Experience Builder is purpose-built to enable association constituents to make a one-time donation to support the association’s cause. They also have the option to dedicate their contribution ‘in honor of’ or ‘in memory of’ someone.
You can also use the component to build a visually appealing Donations listing page to offer your constituents choices while making the contribution.
Configuration Options
Learn more about Experience Builder here.
From the components list, select the Donations component and drag it onto the site page.
On the page, click within the Donations component to bring up the Property editor.
Figure 1. Donations LWC with configuration properties
Property | Details |
|---|---|
Product | Details of the specific product to display on the LWC. Enter one of the options below:
|
Layout | Select from one of the layout options below: Wide: Use this view when you want to display the details of a donation product utilizing the width of the page. Compact: Use this view when you want to display the details of a donation product in a vertical format. |
Image fit | Select from one of the options below to fit the image within the container:
|
| Nimble Predicted Donation Field | Used with the Nimble Predictions Donation Prediction solution. This is the API name of the field that contains the predicted donation value. |
| Nimble Predicted Donation Spead | Used with the Nimble Predictions Donation Prediction solution. This is the amount of spread to use to display the suggested amounts. A spread of 100 would display the Donation Prediction amount and 2 more values of (Predicted Amount +100) and (Predicted Amount -100) |
| Nimble Predicted Donation Type | Used with the Nimble Predictions Donation Prediction solution. This is the type of Spread to use.
|
Examples
Figure 2. Donations page when Wide layout is used in configuration
Figure 3. Donation page when Compact layout is used in configuration
Use other LWCs from the Component list to create an impactful page for your constituents. For eg. use the ‘Rich Content Editor’ to add supporting information about the donation and the specific cause your constituents would be supporting. For detailed steps on how to access and use Experience Builder, visit Experience Builder Overview (salesforce.com)