LogoLogo
Partner Integrations
Salesforce Lightning B2B Commerce App 1.3
Salesforce Lightning B2B Commerce App 1.3
  • Salesforce Lightning B2B Commerce App 1.3
  • Introduction
    • How it works
    • What's new in version 1.3
  • Upgrading to version 1.3
  • 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
  1. Integrate the Salesforce Lightning app
  2. Step 18 (alternative): Integrate the Digital River components into a synchronous checkout flow
  3. Configure screens for a customized synchronous flow

Configure the Payment And Billing Address screen

Learn how to configure the Payment And Billing Address screen to use in a synchronous checkout flow.

PreviousConfigure the Checkout Summary screenNextConfigure the Place Order Confirmation screen

Last updated 2 years ago

You need to configure the Payment and Billing Address screen to add Digital River payment support. Use the following steps to configure the Payment And Billing Address screen:

  1. Click on the Payment and Billing Address screen. If configuring for the first time, drag a Screen node into the flow to the right of the “Cart to Order” action node.

  2. Enter the following information

    • Label: Payment And Billing Address

    • API Name: Payment_And_Billing_Address

  3. Add the drb2b_payments component to the screen and enter the following information. Be sure to click through all designer attributes to ensure that the default values are registered by Salesforce.

    • API Name – drb2b_payments or any name

    • Disable Saved Payments- {!$GlobalConstant.False}

    • Dropin config – leave blank for initial implementation

    • Enable Override payments - {!$GlobalConstant.False}

    • Fire Zero Dollar Event- {!$GlobalConstant.False}

    • Is Synchronous checkout - {!$GlobalConstant.True}

    • Record Id - {!cartId}

    • Skip Current Page - {!skipCurrentPage}

  4. Click Advanced and check Manually Assign variables

  5. Make sure Skip Current Page uses {!skipCurrentPage}.

  6. In the Revisited Screen Values, select the Refresh inputs to incorporate changes elsewhere in the flow radio button.

  7. Drag the custom component drb2b_previousButton onto the Payment and Billing screen and add "Previous button or any Name" as the API Name.

  8. In the Screen Properties, expand the Configure Footer section and uncheck “Show Footer”.

  9. Alternatively, choose to hide the Next and Previous buttons on this screen. The OOTB buttons should be hidden on this screen as they are replaced with buttons from the connector.

  10. Click Done.

  11. If you have not already connected the nodes, connect them.

  12. Delete the connector from Cart to Order (Action) to Get Session Possible Errors CartToOrder (Get Records) nodes.

  13. Add a connector from Cart to Order (Action) to Payment And Billing Address (Screen) nodes. A final connector will be added in the next section.