# Configure the Place Order Confirmation screen

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

1. 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.

2. Enter the following information: 
   * Label: PlaceOrderConfirmation
   * API Name: PlaceOrderConfirmation<br>

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

3. Click on custom screen PlaceOrderConfirmation.

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

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

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

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

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

9. 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.6/extend-the-salesforce-lightning-app/customizing-the-lightning-web-components/components/dr-terms-component) for more information.
   * **Place Order:** `{!$GlobalConstant.True}`.
   * **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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FRejhRt7gL0MmTh5oBV1O%2FVariables%20custom%20order.png?alt=media\&token=91edf8b8-1d9b-4219-abfb-340353351efd)

10. 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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FHfsZtGhF5IC5LrZBIhEa%2Fimage.png?alt=media&#x26;token=7b3d1d00-29de-4ed8-9462-cbe6254695e0" alt=""><figcaption></figcaption></figure>

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

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

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

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

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

16. (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.

17. 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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2FRfEWmflwBLulNEsREdQ1%2FPlace%20order%203.png?alt=media&#x26;token=42d2fe48-7e65-4b6a-b686-93782fc4239b" alt=""><figcaption></figcaption></figure></div>

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

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

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

20. Click **Done**.

21. 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://3252901943-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FcnrT0Aw9SJXFncA6OzO2%2Fuploads%2Fpu8PIPChLnrT8FckzWmN%2FPlace%20order%204.png?alt=media\&token=19182f36-e197-4a7a-a8e1-f8f2062fb543)

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

    &#x20;