# Configure the Place Order Confirmation screen

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: 
  * Label: PlaceOrderConfirmation
  * API Name: PlaceOrderConfirmation<br>

    <div align="left"><figure><img src="https://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FWGO8gG5vPVFUCHYPs1k4%2FPlace%20order%20confirmation%20screen%201.png?alt=media&#x26;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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FvLdv04wLkFPb2iSTgZpw%2FSearch%20components%20-%20drb2b_paymentDetails.png?alt=media)

* Drag **drb2b\_paymentDetails** to where you want it to appear on the Edit Screen.\
  ![](https://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2Fpatm3Y30lHnP6DALHNXA%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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2Fo52dn0oonTW3WDJto6UY%2Fbrb2b_paymentDetails.png?alt=media)

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

* Drag **drb2b\_orderSummary** to where you want it to appear on the Edit Screen.![](https://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FPkcozJpcAX6MCqlZ2nL2%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](https://docs.digitalriver.com/salesforce-lightning/salesforce-lightning-b2b-commerce-app-1.3/extend-the-salesforce-lightning-app/customizing-the-lightning-web-components/components/dr-terms-component) 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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FTKIE1KkBf1JDUeYt9qNy%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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2Fohekrwifl4LkWHecxlPJ%2Fimage.png?alt=media&#x26;token=7b3d1d00-29de-4ed8-9462-cbe6254695e0" alt=""><figcaption></figcaption></figure>

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

* Drag **drb2b\_drUtil** to where you want it to appear on the Edit Screen.![](https://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2Fo3tOwrosb4bpPO1Kxqb8%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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FjR8t7pCFvdmgoq1tCPaZ%2FPlace%20order%203.png?alt=media&#x26;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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2Ff0fxhBFeMxI53XIAt0mr%2Fimage.png?alt=media&#x26;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://2681600133-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FFDmrn2Xgg8KN7ITpu9Nw%2Fuploads%2FYuuKwAJ0srFfJmOe1GcE%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;