Add custom components to pages
Learn how to add custom components to pages
Last updated
Learn how to add custom components to pages
Last updated
You can quickly and easily add Salesforce Lightning components to a record page and immediately view the information.
To use the custom Lightning component in your pages, you must assign your component to a theme layout in the Experience Builder.
After completion, drag and drop a custom component onto a particular page or flow based on the business requirements.
The custom components listed here are either available in the Experience Builder or used in various flows.
If you do not drop an optional custom component onto the relevant Salesforce UI pages, the fields associated with that custom component (for example, Digital River custom fields) will not be visible on those UI pages.
Additionally, you can drop a given custom component on one or more UI pages based on what the custom component does. For example, you can place the Compliance footer custom component on multiple pages that require compliance footers.
We provide the custom components listed below as part of the app installation. However, you must place them on the pages within the flows and subflows as described in the table below.
You can use some of the custom components on pages such as Tax Certificates, Tax Identifiers, My Wallet, and Stored Payments. Separate tabs are available for these pages. You can directly drag and drop the following custom components onto a particular page based on your needs.
Custom Component | Page/Flow | Description |
---|---|---|
See Customizing the Lightning web components for additional information.
The following screenshots show a mocked-up version of each of the pages mentioned in the table above. The screenshots demonstrate the components that are recommended to be added to each page in the Experience Builder.
drb2b_cartContents
Checkout Page
Use this component to display cart item details such as item name, SKU, price per unit, total price, and so on.
You can configure this component in the Experience Builder.
drb2b_addressDetails
Checkout Page or Subflow
Use this component to display address details such as Bill To and Ship To.
You can configure this component in the Experience Builder or flow.
drb2b_drCompliance
All Checkout Pages
Use this component to show the Digital River compliance links.
You can configure this component in the Experience Builder.
drb2b_drTermsElement
Sub Flow-(For Example, Digital River Checkout Summary)
Use the checkbox in this component for the active acceptance of terms and conditions by the user.
You can configure this component in the flow.
drb2b_myWallet
My Wallet
Use this component to show and add new payment sources in the wallet.
dRB2B_MyWallet
is a wrapper component.
Its constituent components are drb2b_StoredPayments
and drb2bNewPayments
.
You can configure this component in the Experience Builder.
drb2b_paymentDetails
Pages: Order Summary Detail, Order Confirmation Subflow: Digital River Payments
This component shows payment details.
You can configure this component in the sub flow.
drb2b_vatCreditMemo
Order Summary Detail
Use this component to show invoices and credit memos to the user. It should appear on the Order Summary Detail page two times: one refers to the invoice and the other refers to the credit memo.
You can configure this component in the Experience Builder.
drb2b_productDetail
Order Confirmation
Use this component to show the product details.
You can configure this component in the Experience Builder.
drb2b_buyerInfo
Sub Flow-Digital River Shipping Address
Use this component to display user information such as Name, Email, Bill to and Ship to, and so on.
drb2b_Buyer Info
is a wrapper component.
Its constituent component is drb2bUsersTaxCertificates
.
You can configure this component in the flow.
drb2b_usersTaxCertificates
User Tax Certificate
Use this component to upload tax certificates.
drb2b_usersTaxCertificates
is a wrapper component.
Its constituent component is drb2b_addTaxCertificate
.
You can configure this component in the Experience Builder.
drb2b_orderSummary
Order Confirmation and Digital River Payments Subflow
Use this component to display Sub Total, Shipping, Tax, and Grand Total, and so on.
drb2b_orderSummary
is a wrapper component.
Its constituent component is drb2b_checkoutSummary
.
You can configure this component in the Experience Builder or flow.
drb2b_checkoutSummary
Checkout Page or subflow
Use this component to display Sub Total, Shipping, Tax, and Grand Total, IOR Tax Regulatory Fee, and so on.
You can configure this component in the Experience Builder or flow.
drb2b_drUtil
Sub Flow-Digital River Checkout Summary and Delivery Method subflow
This component tells the Order Summary to get taxes and the subtotal from the cart.
You can configure this component in the flow.
drb2b_taxIdentifier
Sub Flow-Digital River Checkout Summary
Use this component to add a tax identifier in the checkout flow.
drb2b_taxIdentifier
is a wrapper component
Its constituent component is
drb2b_myTaxIdentifier
.
You can configure this component in the flow.
drb2b_myTaxIdentifier
My Tax Identifier
Use this component for the Tax Identifier functionality.
drb2b_myTaxIdentifier
is a wrapper component.
Its constituent component is drb2b_CountryPicklist.
You can configure this component in the Experience Builder.
drb2b_payments
Sub Flow-Digital River Payments
Use this component for payment sources (for example, Drop-in and Stored Payments).
drb2b_payments
is a wrapper component.
Its constituent components are drb2b_dropin
and
drb2b_myWalletPayment
.
You can configure this component in the flow.
drb2b_placeOrder (optional)
Checkout Page
Use this component to add the Place Order button to the Checkout Page.
Use this component in conjunction with the drb2b_orderSummary
component for the Place Order button to appear.
You can configure this component in the Experience Builder.
drb2b_taxCertificateCheckout
Sub Flow-Digital River Shipping Address
Use this component t display the tax certificate and add the tax certificate. You can configure this component in the flow.
drb2b_hideCheckoutSummary
Sub flow - per business requirements
Use this component to hid the drb2b_checkoutSummary
component.
You can configure this component in the flow.
drb2b_wireTransferInstructions
Checkout Page
Use this component to display the Wire Transfer instructions. You can configure this component in the flow.