LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 1.5
Salesforce Lightning B2B Commerce App 1.5
  • Salesforce Lightning B2B Commerce App 1.5
  • Introduction
    • How it works
    • What's new in version 1.5
  • Upgrading to version 1.5
  • 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 (alternative): 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
    • Step 18 (alternative): 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
    • Step 19: Add custom components to pages
      • Drag and drop (custom) components
    • Step 20: Test the Salesforce Lightning app integration
  • Extend the Salesforce Lightning app
    • 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
    • Customizing the Lightning web components
      • Designer attributes
      • Components
        • Buyer info component
        • Tax certificate component
        • DR util component
        • DR Terms component
        • Checkout summary component
        • Hide checkout summary component
        • Order Summary component
        • Place order component
        • Payments component
        • Payment details component
        • Tax identifier component
        • DR compliance component
        • Address details component
  • User guide
    • Regulatory fees
    • Tax certificates
    • Tax identifiers
    • My wallet
    • Customer credit
    • Checkout and order creation
    • Fulfillment/cancellation flow
    • Refunds
    • Invoices and credit memos
  • Support
  • Appendix
    • Custom fields and objects
    • Contact point address
    • Multi-currency support
Powered by GitBook
On this page
  • Custom pages and menu items
  • Create a custom menu
  • Add a custom component to a custom page
  • Add Tax Certificates component on the My Account page
  1. Integrate the Salesforce Lightning app
  2. Step 19: Add custom components to pages

Drag and drop (custom) components

Learn how to add components to pages using drag and drop.

PreviousStep 19: Add custom components to pagesNextStep 20: Test the Salesforce Lightning app integration

Last updated 2 years ago

Custom pages and menu items

The app provides custom components for three custom pages: My Wallet, My Tax Certificates, and My Tax Identifiers. We recommended that you create these custom pages as required.

To customize a page in Experience Builder:

  1. Click Setup .

  2. Type All Sites in the Quick Find field and click All Sites. The All Sites page appears.

  3. From the All sites page, click Builder.

  4. Click Builder. The Experience Builder page appears .

  5. Click Home at the top left corner.

  6. To create a new custom page, click + New Page. The page will also appear on the Menu Item.

  7. Click Standard Page.

  8. Select a preconfigured page from the list or click + New Blank Page.

  9. Complete the prompts and click Create.

Create a custom menu

To add a menu:

  1. Type All Sites in the Quick Find field and click All Sites. The All Sites page appears.

  2. Select Site Page from the Type dropdown.

    • Type a name for the menu item in the New menu Item field.

  3. Click Save Menu.

  4. Click Publish.

Add a custom component to a custom page

To add a custom component to a custom page:

  1. Type All Sites in the Quick Find field and click All Sites. The All Sites page appears.

  2. Drag and drop the custom component on the custom page.

  3. Click Publish.

  4. Repeat steps 5 through 8 for remaining custom components you want to add to various pages.

Add Tax Certificates component on the My Account page

This example shows how to add the Tax Certificates component to the My Account page.

To add a tax certificate component on the My Account page:

  1. Type All Sites in the Quick Find field and click All Sites. The All Sites page appears.

  2. Scroll down to drb2b_usersTaxCertificates.

  3. Drag and drop drb2b_usersTaxCertificates to the My Accounts page.

  4. Click Publish.

Click Setup .

From the All sites page, click Builder.

Click the customizable user profile dropdown in the toolbar .

From the Customizable User Profile dropdown, select Authenticated User Options.

Click the Edit Default User Profile Menu dropdown.

Click + Add Menu item.

Select the custom page you want to use from the Page dropdown list.

Click Setup .

From the All sites page, click Builder.

Click Home at the top left corner.

Type the name of the custom page in the Find a page field, and click the custom page in the results list.

Click Components on the upper left side of the page. The list displays the components that you can add to the page.

Click Setup .

From the All sites page, click Builder.

Click Home at the top left corner.

Type My Account in the Find a page field, and click My Account.

Click Components on the upper left side of the page. The list displays the components that you can add to the page.