You are here:
Pay Invoices with the Self-Service Billing Portal
When your customers log in to the self-service billing portal, they can view invoices, download invoice PDF documents, and pay outstanding balances for the invoices. The Home tab shows the list of invoices that aren't settled, partially settled, and settled.
Required Editions
| Available in: Lightning Experience |
| Available in: Enterprise, Unlimited, and Developer Editions with the Revenue Cloud Billing license. Contact your Salesforce account executive for more information. |
| User Permissions Needed | |
|---|---|
| To create and customize an Experience Cloud site by using the Self-Service Billing Portal template: | Billing Admin permission set |
| To access the Experience Cloud site created by using the Self-Service Billing Portal template: | Billing Experience Cloud User permission set |
Before you begin, configure your Experience Cloud site users and provide them access to view invoices.
- Create Customer Community Plus users or Partner Community users for your Experience Cloud site. See Experience Cloud Sites and Users in Your Salesforce Org.
- Create a Sharing Set for Experience Cloud Site Users. to provide your Customer Community Plus users or Partner Community users with access to view the invoice records.
- Create an Experience Cloud site by using the Self-Service Billing Portal template. To meet your company's requirements and branding, customize the site with the Experience Cloud builder.
To process payments in an Experience Cloud site, specify a merchant account ID. Before you specify a merchant account ID, set up a payment merchant account.
Set Up the Self-Service Billing Portal for Payments
Configure your Experience Cloud site to accept payments by specifying merchant account details and payment method options.
- On the template's home page, from the Experiences menu, select Invoice and Payment Details.
- Click the Invoice Payment Options component.
- Enter a merchant account ID.
-
Optionally, to enable additional payment methods such as digital wallets and buy now or
pay later options, enter the Payment Method Set ID. To retrieve the Payment Method Set ID, run
this query in the Developer Console:
SELECT Id, DeveloperName, MerchantAccountId FROM MerchAccPaymentMethodSetNote: If you don't add a Payment Method Set ID, the portal shows only credit card, ACH, and saved payment methods. -
Optionally, to support express payment methods such as Apple Pay, Amazon Pay, and Google Pay, add the Express Payments component to the Invoice and Payment Details page.
-
In the component properties, set Account ID to
{!CurrentUser.effectiveAccountId}, Merchant Account to your merchant account ID, and Payment Method Set ID to your payment method set ID. -
On the Invoice Payment Status page, set the Payment Method field to
{!paymentMethod}.
-
In the component properties, set Account ID to
- Publish the site for the changes to take effect.
After you set up your Experience Cloud site, configure the email that you want to send to your customers. When an invoice is generated, the customer receives an email with a link to the Experience Cloud site and the details of the invoice. See Send Invoices Through Email.
Pay Invoices in the Self-Service Billing Portal
Customers can review invoice details, download invoice documents, and submit payments through the portal.
- On the Home tab, click the invoice number to view the invoice details.
- Review the invoice lines.
- To download the invoice PDF document, click Download.
- Click Pay.
- Verify the billing information and invoice summary.
-
Select the payment method, and click Pay Now.
If your customers add a payment method, they can save it for future use and set it as their default.
When the payment is processed, a notification appears with the payment status. If the payment is successful, the invoice is marked as settled. If any invoice is locked, your customers can contact your admin for help.
