--- title: WooCommerce checkout layouts – Multi step, single step, 1 or 2 column layouts, and expansible order summary description: "![Checkout layout options and partial screenshot of how it looks on the checkout page.](https://fluidcheckout.com/wp-content/uploads/2025/12/feature-checkout-layout-options.png) By default, Fluid Checkout will use the \"Multi step\" and \"2 columns\" layout options that show the order summary on a sidebar, which most people are…" url: "https://fluidcheckout.com/docs/feature-checkout-layout-options/" updated: "2026-03-10" category: Features --- # WooCommerce checkout layouts – Multi step, single step, 1 or 2 column layouts, and expansible order summary ![Checkout layout options and partial screenshot of how it looks on the checkout page.](https://fluidcheckout.com/wp-content/uploads/2025/12/feature-checkout-layout-options.png) By default, Fluid Checkout will use the "Multi step" and "2 columns" layout options that show the order summary on a sidebar, which most people are familiar with, and will breakdown the checkout form into easy to fill checkout steps. With [Fluid Checkout PRO](https://fluidcheckout.com/pricing/), you can choose between *"2 columns"* layout, or the *"1 column"* layout without sidebar, and between the "Multi step" and "Single step" layout options. Or you can choose to show the [order summary at the top only on mobile devices](#order-summary-before-checkout-steps). On this page you can find information about the feature: - [Switch to 1 column checkout layout](#switch-one-column-layout) - [Expansible order summary at the top for mobile devices](#order-summary-before-checkout-steps) - [Multi step vs Single step checkout layouts](#multi-step-vs-single-step) If you are looking for a way to **combine the cart and checkout pages**, visit our guide: - [Combine cart and checkout pages for WooCommerce](https://fluidcheckout.com/docs/woocommerce-combine-cart-and-checkout/). ## Switch to 1 column checkout layout With the 1 column layout, the checkout page will be displayed on a single column without a sidebar, and the order summary will be displayed in two parts: - An expansible section "Your cart" is displayed at the top, showing the products list, options to [edit cart items at checkout](https://fluidcheckout.com/docs/feature-checkout-edit-cart/), and the totals table; - The order summary will **only display the totals table at the bottom**, close the button "Place order", so the customer can review the order before choosing to complete the payment. The 1 or 2 columns layout applies to the checkout page, and optimized cart page and [order pay page](https://fluidcheckout.com/docs/feature-order-pay/) when these features are enabled. ### How to enabling the 1 column layout 1. Go to WP Admin > WooCommerce > Settings > Fluid Checkout. 2. Navigate to the sub-tab "Checkout". 3. Locate the "Layout & design" section at the top of the page, then locate the "Checkout layout" options. ![Screenshot of the checkout layout options, highlighting the column layout options.](https://fluidcheckout.com/wp-content/uploads/2025/12/checkout-layout-options-with-columns.png) 1. Choose the *"1 column"* layout option. Please note that you will need [Fluid Checkout PRO](https://fluidcheckout.com/pricing/) to unlock the *1 column* layout option. 2. Save your changes. ### Required options for 1 column layout It is worth noting that the "1 column" layout requires that some other options are checked, but they will be **automatically changed** for you: - **Order summary is always displayed before checkout steps**: this options is necessary to display the [expansible order summary section at the top before the checkout steps](#order-summary-before-checkout-steps). - **Split design template** is not available: the split design only makes sense when using the *2 columns* layout, so for this reason when if this design template is chosen together with the *1 column* layout, the design template will be automatically changed to "Minimalist". ## Expansible order summary at the top for mobile devices The order summary can be displayed at the top of the page before the checkout steps. When this option is enabled, an expansible section "Your cart" will be displayed, showing the quantity of products in your cart and the total amount of the order. Once expanded, the list of products is then displayed with the options to [edit cart items at checkout](https://fluidcheckout.com/docs/feature-checkout-edit-cart/) if that feature is enabled, and the order totals table. If you are using the **1 column layout**, this option will be automatically selected and cannot be changed. It is also possible to show the **order summary at the top only for mobile devices** when using the 2 columns layout: 1. Go to WP Admin > WooCommerce > Settings > Fluid Checkout. 2. Navigate to the sub-tab "Checkout". 3. Locate the section "Checkout elements > Order summary". ![Screenshot of the order summary options, highlighting the order summary position option for mobile.](https://fluidcheckout.com/wp-content/uploads/2025/12/order-summary-options-position-mobile.png) 1. Choose the option *"Before checkout steps"* as the position to show the order summary on mobile. Please note that you will need [Fluid Checkout PRO](https://fluidcheckout.com/pricing/) to unlock this option. 2. Save your changes. ## Multi step or Single step checkout layout for WooCommerce By default, Fluid Checkout will use the "Multi step" checkout layout and will breakdown the checkout form into 4 easy to fill checkout steps, revealing only the necessary fields for each step. Breaking down the checkout form into steps can **reduce the perceived effort** customers need to exert to complete purchases online, leading to higher conversion rates, according to findings from the [research on checkout optimization by the Baymard Institute](https://baymard.com/premium/blog/checkout-flow-average-form-fields). Yet, for some websites a single step with all the checkout fields displayed at one can have better conversion rates compared to multi step forms, specially when there are very few required fields. The Single step option for Fluid Checkout will show all the checkout steps sections already expanded at the beginning of the checkout process. ### Switch between Multi step and Single step checkout layouts 1. Go to WP Admin > WooCommerce > Settings > Fluid Checkout. 2. Navigate to the sub-tab "Checkout". 3. Locate the "Layout & design" section at the top of the page, then locate the "Checkout layout" options. 4. Choose between "Multi step" and "Single step". 5. Save your changes.