CartCubes Multi-step Checkout for FluentCart

Setup Guide

Activate the license, turn on Enable Multi-step Checkout, tune the steps, then open the FluentCart checkout page you already have. No new block or shortcode.

Start here if you have not split checkout yet. The screenshots below are the same ones used on the other tabs, in the order a merchant actually sets things up.

  • License first: Storefront classes stay unloaded until the license is active, unless you are on a local QA install.
  • One toggle: Enable Multi-step Checkout is the master switch. Off restores FluentCart's single-page checkout instantly.
  • Existing checkout page: Works with the fluent-cart/checkout block and the [fluent_cart_checkout] shortcode. Nothing new is added to the page.
  • Fixed step order: Information, then Shipping (when shown), then Payment, then optional Review. Labels can be renamed. Steps cannot be reordered or added.

Turn it on

CartCubes for FluentCart, Multi-step Checkout, Settings, General. Enable Multi-step Checkout is on by default. Scroll to Top on Step Change and Remember Last Step are also on. Returning Customer Message starts off.

General tab: Enable Multi-step Checkout, Scroll to Top on Step Change, Remember Last Step and Returning Customer Message, with Steps, Navigation, Validation and Advanced across the top.
General tab: Enable Multi-step Checkout, Scroll to Top on Step Change, Remember Last Step and Returning Customer Message, with Steps, Navigation, Validation and Advanced across the top.
Enable Multi-step Checkout toggle. The help text states that when it is disabled, FluentCart shows its normal single-page checkout.
Enable Multi-step Checkout toggle. The help text states that when it is disabled, FluentCart shows its normal single-page checkout.
FluentCart checkout after the toggle is on: Information, Shipping and Payment with a numbered progress bar and a Continue button. Place Order stays on the last step.
FluentCart checkout after the toggle is on: Information, Shipping and Payment with a numbered progress bar and a Continue button. Place Order stays on the last step.

Choose the step flow

Settings, Steps. Shipping Step defaults to Auto. Always Use 3 Steps (on by default) still shows Shipping on digital carts, with Empty Shipping Message. Merge Billing and Shipping and Review Step both start off.

Steps tab: Shipping Step (Auto, Always On, Always Off), Always Use 3 Steps, Empty Shipping Message, Merge Billing and Shipping, Review Step, Show Step Sublabels, and Label plus Sublabel for Information, Shipping, Payment and Review.
Steps tab: Shipping Step (Auto, Always On, Always Off), Always Use 3 Steps, Empty Shipping Message, Merge Billing and Shipping, Review Step, Show Step Sublabels, and Label plus Sublabel for Information, Shipping, Payment and Review.
Shipping Step set to Always Off. Shipping is never shown as its own step.
Shipping Step set to Always Off. Shipping is never shown as its own step.
Review Step toggle with Review Edit Link Text set to Edit. When this is on, shoppers confirm details on a final step where Place Order appears.
Review Step toggle with Review Edit Link Text set to Edit. When this is on, shoppers confirm details on a final step where Place Order appears.

Open the checkout you already have

Use the FluentCart checkout block or [fluent_cart_checkout]. Continue defaults to Continue, Back defaults to Back. Progress Style defaults to Numbered. No new page is created on activation.

Navigation tab: Show Navigation Buttons (on), Continue Button Text (Continue) and Back Button Text (Back).
Navigation tab: Show Navigation Buttons (on), Continue Button Text (Continue) and Back Button Text (Back).
Progress tab: Progress Style (Numbered, Progress Bar, Tabs, Text Style, None), orientation, step indicator, mobile style and animation controls.
Progress tab: Progress Style (Numbered, Progress Bar, Tabs, Text Style, None), orientation, step indicator, mobile style and animation controls.