> For the complete documentation index, see [llms.txt](https://docs.digitalriver.com/salesforce-lightning/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.5/integrate-the-salesforce-lightning-app/step-18-alternative-integrate-the-digital-river-components-into-a-synchronous-checkout-flow/configure-screens-for-a-customized-synchronous-flow/configure-the-place-order-confirmation-screen.md).

# Configure the Place Order Confirmation screen

Learn how to configure the Place Order Confirmation screen to use in a synchronous checkout flow.

Use the following steps to configure the Place Order Confirmation screen in a synchronous checkout flow.

* If you are configuring for the first time, drag a screen node into the flow and drop to the right of the “Payment and Billing Address screen created in the previous topic.

* Enter the following information:&#x20;
  * Label: PlaceOrderConfirmation
  * API Name: PlaceOrderConfirmation<br>

    <div align="left"><figure><img src="https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FCtt17cIXba0CjfrwST1M%2FPlace%20order%20confirmation%20screen%201.png?alt=media&amp;token=b5f3d1f2-1635-4706-a844-680e0a474e8a" alt=""><figcaption></figcaption></figure></div>

* Click on custom screen PlaceOrderConfirmation.

* Type `drb2b_paymentDetails` in the **Search Components** field and click **drb2b\_paymentDetails**.\
  ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FqfvhFyBatZI9F3f8mit6%2FSearch%20components%20-%20drb2b_paymentDetails.png?alt=media)

* Drag **drb2b\_paymentDetails** to where you want it to appear on the Edit Screen.\
  ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FlWat7vy5AlpZboqhnGRa%2FEdit%20Screen%20-%20drb2b_paymentDetails.png?alt=media)

* Enter the following values in the fields:
  * **API Name**: Type `paymentDetails` or any other name with no restrictions.
  * **Cart Id**: Type `{!cartId}`.\
    ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FZEYycEDYamnvKeQx0iNu%2Fbrb2b_paymentDetails.png?alt=media)

* Type `drb2b_orderSummary` in the **Search components** field and click **drb2b\_orderSummary**.\
  ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FUkC84XlyniQlnIzp5MAm%2FSearch%20components%20drb2b_OrderSummary.png?alt=media)

* Drag **drb2b\_orderSummary** to where you want it to appear on the Edit Screen.![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FmmRY38cdh1YMwG67q2xw%2FEdit%20Screen%20-%20drb2b_orderSummary.png?alt=media)

* Enter the following values in the fields.  Be sure to click through all designer attributes to ensure that the default values are registered by Salesforce.
  * **API Name**: Type `orderSummary` or any other name with no restrictions.
  * **Auto Initialize:** Type `{!$GlobalConstant.True}`.
  * **ByPass Validation**: Type `{!$GlobalConstant.False}` or `{!$GlobalConstant.True}` (default value).\
    **Note**: Set the value to `{!$GlobalConstant.False}` whenever you want to use the `drb2b_drTermComponent` on the Place Order page. See [DR terms component](/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.5/extend-the-salesforce-lightning-app/customizing-the-lightning-web-components/components/dr-terms-component.md) for more information.
  * **Record Id**: Type `{!cartId}`.
  * **Show All**: Type `{!$GlobalConstant.True}`.
  * **Show Duty**: Type `{!$GlobalConstant.True}`.
  * **Show Grand Total**: Type `{!$GlobalConstant.True}`.
  * **Show IOR Tax**: Type `{!$GlobalConstant.True}`.
  * **Show Place Order**: Type `{!$GlobalConstant.True}`.
  * **Show Promotion:** Type `{!$GlobalConstant.True}`.
  * **Show Regulatory Fee**: Type `{!$GlobalConstant.True}`.
  * **Show Shipping**: Type `{!$GlobalConstant.True}`.
  * **Show Subtotal**: Type `{!$GlobalConstant.True}`.
  * **Show Tax**: Type `{!$GlobalConstant.True}`.\
    ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FIWDA9KnCzZQvd8KboIOZ%2FVariables%20custom%20order.png?alt=media\&token=91edf8b8-1d9b-4219-abfb-340353351efd)

* Add drb2b\_drTermsElement to screen and enter the following details. Be sure to click through all designer attributes to ensure that the default values are registered by Salesforce.
  * API Name - drb2b\_drTermsElement or any name
  * Auto Initialize - {!$GlobalConstant.True}
  * Bypass Validation - {!$GlobalConstant.False}
  * Cart Id - {!cartId}
  * Hide Terms UI - {!$GlobalConstant.False}<br>

    <figure><img src="https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FWowHslY0L9i79WbyJSbk%2Fimage.png?alt=media&amp;token=7b3d1d00-29de-4ed8-9462-cbe6254695e0" alt=""><figcaption></figcaption></figure>

* Type `drb2b_drUtil` in the **Search components** field and click **drb2b\_drUtil** .\
  &#x20;![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FkltzhKzom1GgaKXvsq7v%2FSearch%20components%20drb2b_drUtil.png?alt=media)

* Drag **drb2b\_drUtil** to where you want it to appear on the Edit Screen.![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FaRoVM3u93jTzsBbfYP5Z%2FEdit%20Screen%20-%20drb2b_drUtil.png?alt=media)

* Type `drb2b_Util` or any other name with no restrictions in the **API Name** field.

* Drag drb2b\_previousButton component to where you want it to appear on the screen

* Enter drb2b\_previousButton or any name as the API Name.

* (Optional) Drag drb2b\_placeOrder component from the left panel to where you want it to appear on the screen. The connector supports several options for displaying a Place Order button. To add a standalone button in the checkout flow, use the drb2b\_placeOrder component.

* Enter the following values in the fields. Be sure to click through all designer attributes to ensure that the default values are registered by Salesforce.
  * API Name – drb2b\_placeOrder or Any Name
  * Display Place Order button - {!$GlobalConstant.True}
  * Is Synchronous checkout - {!$GlobalConstant.True}<br>

    <div align="left"><figure><img src="https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FFABPTg0P1qyIizfz4pE2%2FPlace%20order%203.png?alt=media&amp;token=42d2fe48-7e65-4b6a-b686-93782fc4239b" alt=""><figcaption></figcaption></figure></div>

* In the Screen Properties, expand the **Configure Footer** section.

* Uncheck **Show Footer**.  You can also choose to hide the Next and Previous buttons on this screen.<br>

  <div align="left"><figure><img src="https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2F29mEA4DZ05fAPzjM3TaV%2Fimage.png?alt=media&amp;token=2cd81359-8eff-4ec6-8f8e-fe9719b78eaa" alt=""><figcaption></figcaption></figure></div>

* Click **Done**.

* If they are not already connected, connect the nodes as follows:
  * Add a connector from the Payment And Billing Address (Screen) node to the PlaceOrderConfirmation (Screen) node.
  * Add a connector from the PlaceOrderConfirmation (Screen) node to the Get Session Possible Errors CartToOrder (Get Records) node.\
    ![](https://4256002884-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqjgXMvJr1fV9cPhH4Ukz%2Fuploads%2FPyN9KZSXX4BP2KkWBLAA%2FPlace%20order%204.png?alt=media\&token=19182f36-e197-4a7a-a8e1-f8f2062fb543)

* Click the **Save As** and **Activate** buttons to save and activate the Synchronous Checkout flow.

  &#x20;
