Configure Single Page Checkout Workflow in the Back-Office 

Hint

This section is part of the Checkout Configuration Concept Guide topic that provides a general understanding of single-page and multi-page checkout concepts.

Overview 

In your Oro application, you can control the way the checkout is displayed to customers in the storefront. By default, each checkout step is displayed on a new page. However, by activating the Single Page Checkout workflow in the back-office, you can make all steps fit one page. This will make the checkout process easier and quicker for customers, since they will be able to see how far along in the checkout they are, and how many fields are left to complete it.

Illustration of single page checkout in the storefront

To reach the Single Page Checkout workflow:

  1. Navigate to System > Workflows in the main menu.

    Within the list of workflows, you can perform the following actions for the Single Page Checkout workflow:

    • View the workflow:

    • Activate the workflow:

  2. Click Single Page Checkout to open the flow.

    Illustration of single page checkout in the back-office

    Note

    If the workflow is active, you can deactivate it from the list page by clicking .

    On the Single Page Checkout workflow page, you can perform the following actions:

    • Activate — Click Activate on the top right of the page to activate the workflow.

    • Deactivate (if the workflow is active) – click Deactivate on the top right of the page to deactivate the workflow.

For more information managing workflows, see the Workflow Management topic.

Steps and Transitions: Illustration 

As an illustration let us go through the sample flow to see the Single Page Checkout workflow in action:

  1. Add an item to the shopping list in the storefront, and click Create Order to proceed to the checkout.

    Create an order leading to single page checkout
  2. The following sections (steps) are displayed on one page:

    • Billing Information

    • Shipping Information

    • Order Summary (including Agreements)

    Important

    Keep in mind that for the Agreements section to be displayed in the checkout, you need to add the necessary consents to the list of enabled consents in the system configuration.

    Illustration of single page checkout in the storefront
  3. In the Billing Information section, provide your address and select a payment method.

  4. In the Shopping Information section:

    • Provide shipping and billing addresses.

    • Select a shipping method.

    • Set the Do Not Ship Later Than date.

  5. In the Order Summary section:

    • Review the order by checking items, SKUs, item quantity, price and the subtotal amount.

    • Check order options.

    • Select whether the shopping list should be deleted after submitting the order, or saved.

    • Accept all mandatory consents to process your personal data, if such consents have not been accepted previously. Keep in mind that if you leave the checkout after accepting a mandatory consent, this consent is considered accepted and can be revoked only through the profile management.

  6. Submit the order by clicking Submit Order on the top left of the page.

  7. Receive an email confirmation with order details.

Related Topics