Frictionless Multi-step Checkout for WooCommerce

• Natural order

  Request each piece of information at the right moment

• Shipping first

  Where to send the goods, not the invoice

• Same address

  Copied automatically to billing when it matches

Offer a natural shopping experience to your customers by requesting each piece of information at the right moment.

When customers first get to the checkout page, they are thinking about where to send the goods and not which address to put in the invoice if they even need one.

If the address is the same for shipping and billing, it will be automatically copied to the billing address.

• Saved to the session

  They get back exactly where they left

• Refresh or return

  Accidental refresh or abandoned checkout

• Payment excluded

  Payment information won’t be saved

Isn’t it annoying when the salesperson forgets your name or call you someone else? Don’t be that person.

Your customer’s data is automatically saved to their session and they will get back exactly where they left. Being it because of an accidental page refresh or abandoned checkout, you won’t forget any of the customer’s data.

There is one exception: for security reasons, payment information won’t be saved.

• Skip completed

  Required information already provided and validated

• Step review

  Review and change any of the information

• Same device

  Abandoned checkouts can pick up again

Repeat customers will love how easy it is to complete their next purchase.

Fluid Checkout skips the steps which have all required information already provided and validated, and it provides an easy way to review and change any of the information.

This also works for new customers who abandoned the checkout and, hopefully, came back to complete their purchase from the same device.

• Checkout header

  Desktop and mobile widget areas

• Order summary

  Trust next to the totals

• Checkout sidebar

  A dedicated widget area

Boost the perceived trust customers have on your website.

Add any trust symbol to the checkout page such as guarantees, accepted payment methods, security badges, reviews, testimonials, or anything really.

Fluid Checkout provides widget areas at strategic positions that can be used to add trust symbols to the checkout page: Checkout Header – Desktop, Order Summary, Checkout Sidebar, and Checkout Header – Mobile.

• Multi-step

  Primarily a WooCommerce multi-step checkout

• One-step

  One-page checkout when it converts better

• Your website

  Still looks and feels like your own store

Fluid Checkout is primarily a WooCommerce multi-step checkout.

However, depending on the type of products or services you sell, you can benefit from better conversion rates by choosing a one-step layout (a.k.a one-page checkout, or single-step checkout).

While Fluid Checkout replaces the layout of the WooCommerce checkout page, it still looks and feels like your own website.

• Instant feedback

  Most errors prevented before Place Order

• WooCommerce default

  Only validates when the form is submitted

• Place Order last

  The last thing they interact with

While, some fields can only be validated when placing the order, such as credit card and other payment information, most errors at checkout can be prevented by instantly validating the customer’s data and giving feedback.

The default WooCommerce checkout only validate fields when the form is submitted, leading to confused and frustrated customers.

When customers click the “ Place Order” button, they expect it to be the last thing they interact with before the purchase is completed.

• Expansible section

  Displayed just like other optional fields

• Less distracting

  Leverage coupons without drawing attention away

• Still discoverable

  Ready for those who already have a code

Leverage coupon codes in a way that does not distract your customers.

The integrated coupon code field is displayed in an expansible section, just like other optional fields.

While less noticeable it is still easily discoverable for those who already have a coupon code and want to apply it.

• Roughly 40% fewer

  From 16 to about 9 open checkout fields

• Optional stays hidden

  Company, Address line 2, Phone, Order notes, Coupon code

• Add when needed

  Reveal with the “Add” link buttons

While filling up forms online, the user’s attention is disproportionately drawn towards open form fields, and the average WooCommerce checkout page has 16 open text fields, many of which are optional.

Examples of these optional fields are the “ Company“, “ Address line 2“, “ Phone“, “ Order notes“, and “ Coupon code“.

By removing optional fields from the immediate view we can go from 16 to about 9 open checkout fields, a reduction of roughly 40%. Those who need these fields can easily find and click the “Add” link buttons to reveal the field.

• From checkout

  Log in without having to visit another page

• Repeat customers

  Use the account they already registered

Repeat customers with an account registered can log in from the checkout page directly without having to visit another page.

• Separate field

  For shipping-related questions

• Plus billing phone

  In addition to the built-in billing phone field

• WooCommerce 5.6+

  Compatible with core Shipping Phone support

Add a separate phone field for shipping-related questions, in addition to the built-in billing phone field.

It is compatible with the Shipping Phone support feature added by WooCommerce in v5.6.

• Always updated

  Contents and totals, even from another browser tab

• Mobile quantity

  Plus and Minus buttons; inline out of stock and backorder

• More on the cart

  Trust symbols, coupon field, shipping section, upsells, undo, Address Book

Never click that pesky “ Update cart” button again with cart contents and totals updated automatically, even when cart items change from another browser tab.

The optimized cart page has: always updated cart contents and totals; quantity field optimized for mobile with “Plus” and “Minus” buttons; inline cart item validation for products out of stock and on backorder; easily add trust symbols to the cart page; integrated coupon code field on the cart page; shipping methods and calculation as a separate section; cart upsells/cross-sells layout (from WooCommerce product settings); re-add / undo multiple removed items; saved addresses for the shipping calculator, when using the Address Book add-on.

• Same look and feel

  Order received and account view-order pages

• Overview first

  Relevant actions, status progress bar, notes, payment instructions

• Optional sidebar

  Order summary, plus extra information on the page

The same look and feel for order details on the order received page and view order pages on the account dashboard.

The optimized order received / thank you page has: order overview with relevant actions; status progress bar and customer notes; payment methods instructions displayed when relevant; order summary optionally displayed on the sidebar; easily add extra information on the order received page.

• Overview at the top

  The most relevant information first

• Checkout-consistent

  Layout consistent with the checkout page

• Expansible details

  Confirm all details; add trust symbols on this page

Streamline your pay for order process with a modern, intuitive order pay page designed for a seamless and fluid checkout experience.

The optimized WooCommerce order pay page offers: order overview with the most relevant information at the top; layout consistent with the checkout page; customers can confirm all details with the expansible order details section; easily add trust symbols to the order pay page.

• Scattered by plugin

  Each payment method adds buttons in a different way

• One expected place

  Compatible plugins display buttons where customers expect them

Each payment method that supports express checkout buttons adds its buttons in a different way, sometimes in places where it does not make a lot of sense.

With Fluid Checkout PRO, the express checkout buttons from compatible plugins are all displayed on the same place, where the customer would expect it to be.

• At checkout

  Edit quantity or remove items from the cart

• Correct a mistake

  Before completing the purchase

Let customers edit quantity of cart items or remove items from their cart directly at the checkout page.

Super helpful in case customers want to correct a mistake before completing the purchase.

• Expansible section

  Just like other optional fields

• Still discoverable

  Ready for those who already have a code

• More positions

  PRO adds more options of positions for the field

Leverage coupon codes in a way that does not distract your customers.

The integrated coupon code field is displayed in an expansible section, just like other optional fields. While less noticeable it is still easily discoverable for those who already have a coupon code and want to apply it.

With Fluid Checkout PRO you have more options of positions to display the coupon code field.

• On the cart

  Apply a code before they reach checkout

• Not distracting

  Same expansible pattern as optional fields

• Separate from checkout

  A cart field — not the checkout coupon field

Leverage coupon codes on the cart without an always-open field that sends shoppers off to hunt for discounts.

PRO adds an integrated coupon code field on the optimized cart page, in an expansible section like other optional fields. It stays discoverable for customers who already have a code.

This is distinct from the checkout coupon field (Lite and PRO). The cart field is a PRO cart-page option.

• Hide shipping fields

  When local pickup or in-store collection is selected

• No shipping address

  Products are delivered in the physical store or collection location

Remove the shipping fields from the checkout page when the customer selects a local pickup or in-store collection delivery method.

There is no need to ask customer for a shipping address because the products will be delivered to them in the physical store or collection location.

• Gifts and B2B

  Invoice address first when delivery is to someone else

• Same as billing

  The checkbox moves to the shipping section automatically

• PRO positions

  As a step or sub-step before shipping

Lite asks for shipping before billing — the natural flow for most stores. PRO adds the inverse when you mostly sell gifts or to other businesses: customers think about the invoice address first, then where to send the goods.

Choose billing as a step before shipping, or as a sub-step before the shipping address. The “Same as shipping address” checkbox is removed from billing and “Same as billing address” is added on shipping automatically.

Works with the Address Book add-on (saved addresses and the same-as option adapt to the selected position).

• One address

  Shipping and billing in a single section

• Less typing

  Customers never enter two addresses

• EU-VAT

  VAT fields sit below the address when using the add-on

Some stores should never collect a second address. PRO can force shipping and billing to the same place — one section, one set of fields.

This is one of the PRO billing-address positions (alongside billing before shipping, after shipping, or as a sub-step). The plugin handles the same-as checkbox so you do not need extra setup.

With the EU-VAT Assistant add-on, extra VAT fields and validation sit below the address when this option is selected.

• Gift message

  An easy way to add a message to the order

• Packing slips

  Print on supported plugins, folded in half on the packaging

• WPOvernight & SkyVerge

  Compatible packing-slip plugins

Offer an easy way for your customers to add a gift message to their order.

You can then use gift messages to print a personalized gift card or print them on packing slips generated with supported plugins. When using a compatible 3rd-party plugin to generated the packing slip document, it can be folded in half and attached to the packaging to show the gift message.

Compatible plugins: WooCommerce PDF Invoices & Packing Slips – by WPOvernight; WooCommerce Print Invoices/Packing Lists – by SkyVerge.

• Cart and checkout

  Add any trust symbol to both pages

• Guarantees, badges, reviews

  Accepted payment methods, security badges, testimonials, or anything really

Boost the perceived trust customers have on your website.

Add any trust symbol to the cart and checkout pages such as guarantees, accepted payment methods, security badges, reviews, testimonials, or anything really.

• Formatted fields

  Help customers avoid mistakes

• Domestic or abroad

  Useful whether you sell to customers abroad or not

• Unambiguous

  A format that cannot be misinterpreted

Whether you sell to customers abroad or not, the international phone number formatted fields will help your customers avoid mistakes, and ensure you collect the right phone numbers in a format that cannot be misinterpreted.

• Match on email

  Guest orders associated with an existing account

• No dead end

  Fixes “An account is already registered with your email address”

Associate guest orders with the customer’s existing account based on their email address provided. Fix the pesky message “An account is already registered with your email address” WooCommerce throws when customers try to complete their purchase.