LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 2.0
Salesforce Lightning B2B Commerce App 2.0
  • Salesforce Lightning B2B Commerce App 2.0
  • Introduction
    • How it works
    • What's new in version 2.0
  • Upgrading to version 2.0
  • Integrate the Salesforce Lightning app
    • Step 1: Install the Digital River app
    • Step 2: Configure the Digital River app
    • Step 3: Register external services
    • Step 4: Configure DCM logs
    • Step 5: Add custom fields to the page layouts
    • Step 6: Enable email deliverability
    • Step 7: Import ECCN codes, tax groups, and tax types
    • Step 8: Configure and synchronize the products
    • Step 9: Schedule backend jobs
    • Step 10: Set up integration between Salesforce and Digital River
    • Step 11: Set up webhooks
    • Step 12: Configure landed cost
    • Step 13: Manage permission sets
    • Step 14: Configure shipping integration
    • Step 15: Integrating refunds
    • Step 16: Configure the From email address
    • Step 17: Integrate the Digital River components into the Commerce storefront
      • Integrate the Digital River components into the B2B Commerce LWR template
        • Add components to the Checkout page
        • Add custom components outside of checkout
      • Integrate the Digital River components into an asynchronous checkout flow
        • Custom components used in the checkout subflows
        • Subflow configuration
          • Configure the delivery method subflow
          • Configure the Checkout Summary subflow
          • Configure the Payment and Billing Address subflow
            • Edit the Payment Method screen
            • Edit the decision elements
            • Link screen components
          • Configure the shipping address subflow
            • Configure the shipping address screen
        • Configure the main checkout flow
      • Integrate the Digital River components into a synchronous checkout flow
        • Deploy flows using Salesforce Workbench
        • Update the flow nodes in the synchronous checkout flow
          • Create custom variables
          • Delete nodes
          • Connect nodes
          • Modify nodes
          • Add nodes
        • Configure screens for a customized synchronous flow
          • Add custom components to screens in the synchronous checkout flow
          • Configure the Shipping Options screen
          • Configure the Delivery Method Screen
          • Configure the Checkout Summary screen
          • Configure the Payment And Billing Address screen
          • Configure the Place Order Confirmation screen
      • Add custom components to pages (Aura)
        • Drag and drop (custom) components
    • Step 18: Test the Salesforce Lightning app integration
    • Step 19: Consider recommended extensions
  • Extend the Salesforce Lightning app
    • Customizing the Lightning web components
      • Designer attributes
        • Designer attributes for LWR
        • Designer attributes for Aura
      • Components
        • Buyer info component
        • DR util component
        • DR Terms component
        • Checkout summary component
        • Order Summary component
        • Place order component
        • Payments component
        • Payment details component
        • Tax identifier component
        • DR compliance component
        • Address details component
        • Offline refund component
        • Hide checkout summary component (Aura only)
    • Extend the Ship From address
    • Extend the webhook framework
    • Configure subscriptions
    • Shipping choice extension point
    • Customer credit
      • addCustomerCreditSourceToCheckout
      • deattachPaymentToCheckout
      • getAmountRemainingforCheckout
      • getCartDetailsById
      • Publishing connector events
    • Tax calculation
    • Overriding Digital River CSS
    • Mapping custom fields (LWR only)
    • Add a spinner component (LWR only)
  • User guide
    • Regulatory fees
    • Tax certificates
    • Tax identifiers
    • My wallet
    • Customer credit
    • Checkout and order creation
    • Fulfillment/cancellation flow
    • Refunds
    • Offline refunds
    • Invoices and credit memos
  • Support
  • Appendix
    • Custom fields and objects
    • Contact point address
    • Multi-currency support
Powered by GitBook
On this page
  1. Integrate the Salesforce Lightning app
  2. Step 17: Integrate the Digital River components into the Commerce storefront
  3. Integrate the Digital River components into the B2B Commerce LWR template

Add custom components outside of checkout

Learn how to add custom components outside of checkout.

PreviousAdd components to the Checkout pageNextIntegrate the Digital River components into an asynchronous checkout flow

Last updated 1 year ago

Read this section to learn how to add custom components outside of checkout. The table below lists each custom component and the recommended page to which you should add it. It also provides the recommended designer attribute configuration.

Any time a change is made to any component or page in Experience Builder, you must publish the site so that the changes are reflected on the live site.

Note: The table refers to pages such as “My Wallet,” “My Tax Certificates,” and “My Tax Identifiers.” These are examples of custom pages you could create in Experience Builder. You can add these components to any custom page on the site.

Component Name

Page(s)

Description

Recommended Designer Attributes*

drb2b_drCompliance_LWR

Cart, Checkout, and All Custom pages

It is recommended that you include this component on all pages where Digital River is collecting data from the shopper.

Use this component to show the Digital River compliance links.

Use Default Selling Entity: Checked on all pages except for Checkout

drb2b_paymentDetails_LWR

Order,

Order Summary Details

This component shows payment details.

Record Id: {!recordId}

Auto Initialize: Checked

drb2b_delayedPaymentInstructions_LWR

Order, Order Summary Details

Use this component to display the Delayed Payment instructions for delayed payment methods such as Wire Transfer and Konbini

Record Id: {!recordId}

drb2b_VatCreditMemo

Order Summary Details

Use this component to show invoices and credit memos to the user. It should appear on the Order Summary Details page two times: one refers to the invoice and the other refers to the credit memo.

Record Id: {!recordId}

Type: Credit Memos or Invoices

You should configure two instances of the component, one with each type

drb2b_OfflineRefund_LWR

Order Summary Details

Use this component to collect refund banking details for shoppers using offline payment methods such as wire transfer or konbini.

n/a

drb2b_myWallet_LWR

My Wallet

Use this component to show and add new payment sources in the wallet.

Dropin Config: leave blank

drb2b_myTaxIdentifier_LWR

My Tax Identifier

Use this component to add a tax identifier to the shoppers account outside the checkout flow.

webcartId: true

drb2b_usersTaxCertificates_LWR

My Tax Certificate

Use this component to upload tax certificates.

n/a

*See for more information.

Designer Attributes for LWR