--- schema_version: "1" id: dd3467ad8009b136f07c324e28613c1fdbb5b360eff3abacf02291014593cc73 title: Add Experience Cloud Components to Your Donor Portal collection: admin version: current locale: en-us portal_url: https://docs.salesforce.com/admin/current/en-us/sfdo/264-0-0/npsp_add_experience_cloud_components_to_your_site.md canonical_url: https://help.salesforce.com/s/articleView?id=sfdo.npsp_add_experience_cloud_components_to_your_site.htm&release=264.0.0&type=5 source_site: help.salesforce.com content_type: documentation content_hash: 5f262c17f99f548bd49bc54867737d6a060f8319da5b1d5ef757625c30d8b99d description: If you have an Experience Cloud site, you can add components built for the Nonprofit Success Pack right to your pages. products: - Nonprofit release: "264" --- # Add Experience Cloud Components to Your Donor Portal If you have an Experience Cloud site, you can add components built for the Nonprofit Success Pack right to your pages. New to Experience Cloud? Check out this [documentation](https://help.salesforce.com/s/articleview?id=experience.networks_overview.htm&type=5) and this [trail](https://trailhead.salesforce.com/en/content/learn/trails/communities) for information and guidance. ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/images/icon_note.png) Note You must have an Experience Cloud license to use these components. ## Set Up Permissions for Donor Portal Components Give your donor portal users access to the Donor Portal components by setting them up with the Partner license and necessary permissions. To grant the permissions, edit or create a profile, adjust a couple things in your Experience Cloud site, and then edit or create a Sharing Set. Let’s go through it step by step. After installing the NPSP package, customize an existing profile or create a new one for your donor portal users. 1. In Setup, enter Profiles in the Quick Find box, then click **Profiles**. 2. Click the name of an existing donor portal profile to edit it. Alternatively, click **New Profile**, choose a profile to clone, and save. 3. Click **Apex Class Access**, then click **Edit**, enable these Apex classes, and save: - npsp.DonationHistoryController - npsp.DonationHistorySelector - npsp.DonationHistoryService - npsp.PS\_GatewayManagement - npsp.RD2\_ETableController - npsp.RD2\_ElevateInformation\_CTRL - npsp.RD2\_EntryFormController - npsp.RD2\_QueryService - npsp.UTIL\_AuraEnabledCommon 4. In the profile, switch to **Object Settings**, and assign Read access to the following objects and fields: | Objects | Fields | | --- | --- | | Account | Primary Contact | | Campaign | N/A | | Contacts | Email, Total Gifts, Total Gifts Last Year, Total Gifts This Year | | Opportunities | Amount, Primary Contact | | Payments | Paid, Payment Method | | Recurring Donations | ACH Last 4, Card Expiration Month, Card Expiration Year, Card Last 4, Number of Paid Installments, Last Donation Date, Next Donation Date, Elevate Recurring Id | 5. Assign Read and Edit access to the following object and fields: | Object | Field | | --- | --- | | Recurring Donations | Account, Amount, Campaign, Status Reason, Contact, Date Established, Day of Month, Effective Date, Installment Frequency, Installment Period, Number of Planned Installments, Payment Method, Recurring Type, Status | Next, adjust your Experience Cloud site settings. 1. In Setup, enter Digital Experiences in the Quick Find box, then click **All Sites**. 2. Click **Workspaces** next to your site name. 3. Click **Administration**. 4. Click **Members**. 5. In the Select Profiles section of the Members tab, select the profile you use for donor portal users. 6. Save your work. Last, edit an existing or create a new sharing set. 1. In Setup, enter Digital Experiences in the Quick Find box, then click **Settings**. 2. Under Sharing Sets, click **Edit** next to an existing sharing set or **New**. 3. If you create a new sharing set, name it. For example, name it something like Donor Portal Sharing Set. 4. Under Select Profiles, select the profile you use for donor portal users. 5. Under Select Objects, select the Opportunity object. 1. To add the Donor History and Giving Summary components, select the Opportunity object. 2. To add the Recurring Donation object, select Recurring Donation. 6. Under Configure Access, add the following settings to your Sharing Set: 1. Select **npsp\_\_Primary\_contact\_\_c** as the Target Opportunity. 2. Opportunity object: 1. Select **Contact** as the User. 2. Select **Primary\_contact\_c** as the Target Opportunity. 3. Select **Read Only** as the access level. 4. Save your work. 3. Recurring Donations object: 1. Select Contact as the User. 2. Select npe3\_\_Contact\_\_c as the Target Recurring Donation. 3. Select Read/Write as the access level. 4. Save your work. And you’re done! Nice job. To check your work, log in as a donor portal user and view the components you added. ## Donation History Component The Donation History component gives your donors one place to view details about when and how much they’ve donated, saving them the effort of having to dig through emails for receipts. ![Donation History component showing the individual donations for a year including the date, amount, and payment method.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/nonprofit_success_pack/images/donation_history_cmpnt.png) ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/images/icon_note.png) Note Only hard credits are included. ## Giving Summary Component The Giving Summary component lets donors see how much they’ve donated over time. The component includes three totals: lifetime donations, this year’s donations, and last year’s donations. ![Giving Summary component showing the total donation amounts by lifetime, this year, and previous year.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/nonprofit_success_pack/images/giving_summary_cmpnt.png) ![Note](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/images/icon_note.png) Note Only hard credits are included. ## Recurring Donation Component Allow donors to view and update their Recurring Donations. Donors can change the amount or frequency, stop their Recurring Donations, and if the donation was initiated through Elevate, update their payment method. If you're using Elevate, customize the component table headers to show all Recurring Donations or limit it to only show Recurring Donations connected or not connected to Elevate. ![Recurring Donation component showing the options to update a Recurring Donation.](https://sf-zdocs-cdn-prod.zoominsoftware.com/tdta-sfdo-nonprofit_success_pack-264-0-0-production-enus/bd2879e2-2bdc-4012-aa32-dc0c697c4538/nonprofit_success_pack/images/donor_portal_recurring_donation.png)