Fluid Checkout for WooCommerce – Lite

Description

Get up to 36% increase in conversion rates, eliminate unnecessary friction at the checkout page and benefit from increased customer satisfaction and loyalty.

Fluid Checkout simplifies and improves the checkout experience on WooCommerce websites for your new and repeating customers with a truly linear, Shopify-like checkout. Ask for shipping information before billing in a multi-step or one-step checkout layout optimized for mobile and large table and desktop screens, easily add trust symbols on various positions on the checkout page, display the coupon code field in a way that does not distract your customers, hide optional fields behind a link button, instantly validate checkout fields, automatically save customer data even between page refresh, skip steps already completed and offer customers to log into their account without leaving the checkout page.

Improve the accessibility at the checkout page with support for keyboard-only navigation and screen readers.

With Fluid Checkout PRO, expand the checkout experience to the cart and order received pages, choose from various design templates, let customers edit cart items at the checkout page, match orders with existing customer account without friction with the account matching feature, display express checkout button at the top of the checkout page, display billing address before billing or force a single address section, format and validate international phone numbers.

View detailed list of features on our website
View all available add-ons on our website

Demos

Top notch plugin and support team!

Cleanest and easiest checkout plugin on the market – it will save you a lot of headache in setting up your checkout flow and the support team is active/responsive and consistently working to improve. Just go ahead download and activate this one 🔥🔥🔥

@vsonacci

Insane how great this is!

This plugin radically modernizes and cleans up the WooCommerce checkout.
While doing a better job at UX & Conversion Optimization, it’s also more compatible with plugins… even ahead of the new Gutenberg WooCommerce Checkout block that’s been under development!
Quite insane how the developer is doing this. And a free plugin!!

@allancaeg

Lite features (Free)

  • Multi-step or Single-step: Choose between multi-step and one-step checkout layouts. While Fluid Checkout changes the layout of the checkout page, it will still look and feel like your website.

  • Optimized for mobile: Fluid Checkout is optimized for mobile devices and will surface the most appropriate keyboard type on fields such as phone and email. In fact, Fluid Checkout was created with mobile devices in mind, and enhanced with more functionality and style for bigger screens.

  • Easily add trust symbols to the checkout page: Add any widget such as accepted payment methods, security badges, reviews, testimonials, or anything that can boost the perceived trust customers have on the website.

  • Shipping before billing: Customers expect to fill up shipping information before thinking about billing, by asking for the shipping information before billing, we remove unnecessary friction, matching the customer’s expectations.

  • Hide optional fields: The average checkout page has 16 open fields, by removing optional fields from the immediate view we can reduce that number to about 8-9 fields. These fields can still be entered as the customer can click the “Add ” links to reveal the fields they need. Examples of these fields are the “Company”, “Address line 2”, “Phone” and “Order notes”.

  • Instant field validation: The default WooCommerce checkout only validates when the form is submitted, leading to confusion and frustration. Customers want the “Place order” button to be the last thing they click to complete their purchase. Some things can only be validated when placing the order, such as if the credit card is valid and has enough funds to cover the order total, however, most errors at checkout can be prevented by instantly validating the customer data.

  • Integrated coupon code field at the checkout: When users see an open coupon code field at the checkout page the changes they will leave the website and go “coupon hunting” is very high, and they might not come back. The integrated coupon code field is displayed in a custom expansible section, and while less noticeable is still discoverable by customers who have a coupon and need to add it.

  • Shipping phone field: Add a separate phone field for shipping-related questions, in addition to the native billing phone field.

  • Automatically saved customer data: customers won’t lose any information they already have entered on the checkout page, and will get back exactly where they left when re-visiting it. Only payment information won’t be saved for security reasons.

  • Skip completed steps: Repeat customers will love how easy it is to complete their next purchase. Fluid Checkout skips the steps where all required information is provided and validated while providing an easy way to review and change any of the information.

  • Log-in without leaving the checkout: Repeat customers with an account registered can log in from the checkout page directly without having to visit another page and make their way back to checkout.

PRO features

  • Design templates: choose the design template that best fits your theme and website styles. Choose from the templates: Classic, Boxed, Split and Minimalist.

  • Account matching: let registered customers complete the purchase without logging in and associate the order to existing customer account.

  • Edit cart at checkout: let customers edit product quantity or remove products directly from the checkout page. You might even want to ditch the cart page entirely.

  • Express checkout: display express checkout buttons from popular payment methods at the checkout page.

  • Cart page optimization: always updated cart, with operations processed via AJAX, cart cross-sells display, coupon code field, and layout consistent with the checkout page.

  • Thank you / Order confirmation page: order details layout consistent with the checkout page on the order received page and account view order pages.

  • Billing before billing & force billing same as shipping: Choose between options to move the billing address section on the checkout form, including forcing billing and shipping addresses into a single address section.

  • Offer gift options: let customers add a gift message to their order that can to be printed with the packing slips generated by popular invoices and packing slips plugins.

  • Local pickup: hide shipping address when a local pickup shipping method is selected.

  • International phone number: format and validate phone fields on the checkout and account pages based on the country.

  • Integrated coupon code field at the checkout: more options for positions to display the coupon code field.

Future features:

  • Order pay optimization
  • Delayed account creation
  • Customize checkout steps and fields
  • … and more.

Want all features? Get the Fluid Checkout PRO Bundle plan with all the PRO features and all add-ons for a special price.

View detailed list of PRO features on our website

Fluid Checkout PRO demo site

Add-ons

Even more features available as separate plugins:

  • Google Address Autocomplete for WooCommerce: let customers search their addresses and autofill fields in the checkout page using the Google APIs, reducing by around 40% the number of fields they need to type. Also available to use without Fluid Checkout.

  • Address book: allow customers to save multiple addresses to their account and choose which ones to use at the checkout and cart pages.

  • EU-VAT Assistant: Collect and validate EU VAT numbers at the checkout page, removes tax charges on reverse charge basis and confirms customer location when needed.

View all products.

Want all features? Get the Fluid Checkout PRO Bundle plan with all the PRO features and all add-ons for a special price.

Fully Customizable

In addition to a number of default settings, multi-step or single step layouts and design templates (PRO) and easily enabling/disabling features from settings page, the plugin provides templates files many filter and action hooks that allow for fine tuned customizations. For more information and examples, see our guides:

Tested WooCommerce Themes

Some themes may need adjustments due to not using WooCommerce standards hooks or styles. We’ve tested certain third-party WooCommerce themes to ensure better compatibility with Fluid Checkout. If your theme is not on the list it does not mean it won’t work. Only that we have not tested it yet.

Free Themes

  • Astra
  • Blocksy
  • Divi
  • Flatsome
  • Generate Press
  • Go
  • Hello Elementor
  • Hestia
  • Kadence
  • Neve
  • Ocean WP
  • OnePress
  • Orchid Store
  • Page Builder Framework
  • Phlox
  • PopularFX
  • Storefront
  • Woostify
  • Zakra

Premium Themes

  • Aora
  • Avada
  • Diza
  • Electro
  • Enfold
  • Hazel
  • Impreza
  • Kentha
  • LeadEngine
  • Minimog
  • Mr. Tailor
  • OnAir2
  • Phlox PRO
  • Razzi
  • Riode
  • Shoptimizer
  • Striz
  • The Hanger
  • Woodmart
  • Zota

** Don’t see your theme in the list? No problem. **

Only the themes that we have added explicit compatibility with or that we have tested and works as expected are listed above.

Try Fluid Checkout now and if you experience any issues please let us know through the support forum and we’ll fix it asap.

Compatible with popular plugins

Payment Gateways

  • Integration Rede for WooCommerce
  • Klarna Checkout for WooCommerce by Krokedil.
  • Mercado Pago payments for WooCommerce
  • PagSeguro for WooCommerce
  • Payment Plugins for PayPal WooCommerce
  • Payment Plugins for Stripe WooCommerce
  • PaysonCheckout for WooCommerce by Krokedil.
  • Rede WooCommerce
  • WooCommerce Affirm Gateway
  • WooCommerce Amazon Pay
  • WooCommerce Authorize.Net Gateway
  • WooCommerce PayPal Standard
  • WooCommerce PayPal Payments
  • WooCommerce PayPal Checkout Gateway
  • WooCommerce Stripe Gateway
  • WooCommerce Stripe Payment Gateway

Payment Gateways – with Express Checkout (PRO feature)

  • WooCommerce Amazon Pay
  • WooCommerce Stripe Gateway
  • WooCommerce Stripe Payment Gateway
  • Payment Plugins for PayPal WooCommerce
  • Payment Plugins for Stripe WooCommerce
  • Payment Plugins Braintree For WooCommerce
  • Klarna Checkout for WooCommerce
  • PaysonCheckout for WooCommerce
  • Dintero for WooCommerce
  • Nets Easy for WooCommerce
  • Svea Checkout for WooCommerce

Plugins

  • Brazilian Market on WooCommerce (see demo)
  • Checkout Field Editor for WooCommerce (free and PRO) – by ThemeHigh
  • Captcha Pro
  • Creative Mail
  • Delivery & Pickup Date Time for WooCommerce – by CodeRockz
  • Elementor (free and PRO)
  • Flexible Checkout Fields for WooCommerce
  • FluentCRM Pro
  • Flexible Shipping
  • German Market
  • Germanized for WooCommerce
  • Klaviyo
  • MailerLite WooCommerce Integration
  • MailPoet
  • Oxygen Builder
  • Brevo WooCommerce Email Marketing (formerly Sendinblue)
  • WooCommerce Correios – by Claudio Sanches
  • WooCommerce Delivery & Pickup Date Time Pro – by CodeRockz
  • WP Crowdfunding

Plugins (PRO feature)

  • WooCommerce PDF Invoices & Packing Slips – by Ewout Fernhout
  • WooCommerce Print Invoices/Packing Lists – by SkyVerge

** Don’t see a plugin in the list? No problem. **

Only the plugins that we have added explicit compatibility with, or that we have tested and works as expected are listed above.

If a plugin or payment method is not on the list it does not mean it won’t work. Only that we have not tested it yet.

Try Fluid Checkout now and if you experience any issues please let us know through the support forum and we’ll fix it asap.

Translations

Fluid Checkout is fully localized and translatable using the built-in WordPress functions. We understand this is very important to all users worldwide. Currently translated into:

  • English (Default)
  • Dutch
  • French
  • German
  • Greek
  • Italian
  • Polish
  • Portuguese
  • Spanish
  • Swedish
  • Turkish

RTL Support

  • Although currently there are no official transations to RTL languages, the plugin will adjust its layout to RTL languages as expected.

IMPORTANT NOTES:
– Languages with variations will use the same language file. For example, when the website is in German the translation used will be German (Formal). For all Spanish speaking countries, the translation used will be Spanish (Spain).
– All official translations were made using automated methods such as Google Translate or DeepL. If you encounter any errors in the translation to your language, please report them to us and we’ll fix it.

See our documentation on How to translate Fluid Checkout plugins into your language.

Screenshots

  • Step 1 – Contact: Email, account creation and newsletter sign-up
  • Step 2 – Shipping: Shipping address, shipping method, additional order notes
  • Step 3 – Billing: Billing address and company information
  • Step 4 – Payment: Payment options and discounts
  • Single Step: All fields are displayed in one single step.
  • Settings: Multi-step or single-step layout, choose a logo and header color, enable/disable features
  • Theme Deli: The checkout page looks and feels like your website, even with highly styled themes

Blocks

This plugin provides 1 block.

  • Checkout Display a checkout form so your customers can submit orders. (Replaced for compatibility with Fluid Checkout)

Installation

Settings

Once installed and activated, Fluid Checkout will replace the WooCommerce checkout page with the multi-step layout. Default settings were chosen to maximize conversions on most shops. Some features need to be enabled on the plugin settings.

If you want to tweak the settings, head over to WP Admin > WooCommerce > Settings > Fluid Checkout.

See our guide Getting Started with Fluid Checkout.

FAQ

Is there a Fluid Checkout PRO version?

Yes. You can view all details and list of features of the Fluid Checkout PRO version on our website.

Will Fluid Checkout work with my theme?

Yes! Fluid Checkout should work with most theme out-of-the-box. However some themes may need adjustments due to not using WooCommerce standard hooks or styles or if they add their own customizations which might conflict with Fluid Checkout.

If you have any issues using Fluid Checkout with your theme please let us know through the support forum and we’ll fix it asap.

Does Fluid Checkout work with other plugins I use on my webshop?

Although Fluid Checkout was built in a way that it should be compatible with most plugins, the checkout page is a really complex part of WooCommerce and there are myriads of plugins that extends it. Because of that, it is likely that some plugins won’t work optimaly with Fluid Checkout out-of-the-box.

If you have any issues using Fluid Checkout with other plugins please let us know through the support forum and we’ll fix it asap.

Is Fluid Checkout compliant with privacy laws (GDPR / RGPD / CCPA / LGPD)?

We value your privacy and your customers’ privacy.

While we cannot guarantee that the plugin is fully compliant with privacy laws in every country.

We assure you that Fluid Checkout does not, and will not, collect any customer data from your shop.

In the future, and with your explicit consent, we might collect some non-sensitive usage data from your website such as the plugin and WooCommerce settings, which other plugins and themes you have installed on your shop to help us to improve the plugin.

Details and examples of the data collected will be shown on the plugin interface for you to review prior to sending the data to our servers for collection and storage.

Is Fluid Checkout fully compatible with ADA/WCAG 2.1 Level AA requirements? Will it make my webshop compliant?

No. While Fluid Checkout does improve the accessibility of the checkout page by implementing support for keyboard-only navigation and screen readers, we can’t say if your webshop will be 100% compliant or not with ADA, WCAG or any other accessibility requirements.

Did you know that only about 30% of accessibility issues can be detected with automated tools? The majority of the issues can only be detected with manual testing on each page of the website. Read the article: Automated Accessibility Testing Tools: How Much Do Scans Catch?.

We have plans to add an “accessible layout” feature that will ensure most accessibility issues will be fixed.

How do I add trust symbols to the checkout page?

The plugin provides widget areas in strategic positions on the checkout page for adding the trust symbols. Head over to WP Admin > Appearance > Widget Areas, and add any type of widget to boost the perceived trust customers have on the website.

Reviews

sentýabr 17, 2024 1 reply
I’ve seen an increase in my sales conversion rates since I started using this plugin. It makes for a more pleasant and easy sales journey for the customer.
sentýabr 4, 2024 1 reply
I’ve seen the evolution of this plugin right from the beginning and I can tell the dedication the developers have put into it. The result is an awesome plugin with outstanding support. Well done and thank you
awgust 20, 2024 1 reply
Mesmo a versão free é muito boa, parabéns a equipe!
Read all 137 reviews

Contributors & Developers

“Fluid Checkout for WooCommerce – Lite” is open source software. The following people have contributed to this plugin.

Contributors

“Fluid Checkout for WooCommerce – Lite” has been translated into 4 locales. Thank you to the translators for their contributions.

Translate “Fluid Checkout for WooCommerce – Lite” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

3.2.5 – 2024-10-10

  • Bump tested up to WooCommerce 9.3.3
  • Added: Option to define which address to save as the shipping address when using a local pickup shipping method. (PRO feature)
  • Added: Compatibility with theme Kapee.
  • Added: Compatibility with plugin Customer Email Verification PRO by Zorem.
  • Added: Compatibility with plugin Mollie Payments for WooCommerce. Fix company field value empty when using payment method Billie from Mollie.
  • Improved: Set all Javascript assets to be loaded at the page footer and defered for better page loading performance.
  • Improved: Compatibility with plugin WooCommerce Subscriptions. Move shipping methods available for subscription plans from the order summary to the shipping methods section.
  • Improved: Add new CSS variables for customizing the coupon code elements and coupon section.
  • Improved: Accept a new parameter $context for the hook fc_css_variables. Defaults to frontend.
  • Improved: Change hook used to run database migrations on first activation.
  • Fixed: Do not save shipping phone number to order data when shipping address is not needed for the order.
  • Fixed: Deprecated PHP messages saved to log files when using Fluid Checkout with recent versions of PHP.
  • Fixed: Javascript error when trying to re-set the focus on the element after refreshing fragments in some cases.
  • Fixed: Substeps keeping expanding, collapsing or changing its visibility state in some cases.
  • Fixed: Compatibility issue between Brazilian Market and PayPal Brasil plugins where the state field would be cleared in some cases.
  • Fixed: Wrong focused element and scroll positions when first loading the checkout page in some cases.

3.2.4 – 2024-09-15

  • Bump tested up to WooCommerce 9.3.1
  • Fixed: Error on validation script causing Google Address Autocomplete to stop working.

3.2.3 – 2024-09-12

  • Bump tested up to WordPress 6.6.2 and WooCommerce 9.2.3
  • Added: New option to ignore additional required fields for Express Checkout payments, for the PRO feature.
  • Added: Compatibility with theme Porto.
  • Added: Compatibility with plugin Packlink PRO Shipping.
  • Added: Compatibility with plugin VerifyPass.
  • Added: Compatibility with plugin Loyalty Program for WooCommerce (for Advanced Coupons) – by Rymera Web Co.
  • Improved: Add initial delay to show instant validation error message while typing in the field for the first time. Most notably on the email fields.
  • Improved: Always show email typo suggestions after the error messages to avoid it jumping back and forth.
  • Improved: Accessibility for form field instant validation error messages. Announce error messages as part of the field description.
  • Fixed: Javascript error when trying to copy field values into the other address section in some cases.
  • Fixed: Billing fields getting emptied or copying values from shipping when using the Local Pickup feature from Fluid Checkout PRO.
  • Fixed: Fix styles for product images on the order summary at first load when a picture or div.thumbnail element is used.
  • Fixed: Shipping address section closing unexpectedly in some cases.
  • Fixed: PHP warning message when trying to run database migration processes in some cases.
  • Reverted: Compatibility with plugin Smartlink Product Designer. Fix product image sizes on cart and checkout page. Fixed by changing the default styles for the product images with alternative HTML.

3.2.2 – 2024-08-22

  • Bump tested up to WordPress 6.6.1 and WooCommerce 9.2.1
  • Added: Translation to Czeck (Czeck Republic).
  • Added: Compatibility with plugin GLS Shipping for WooCommerce.
  • Added: Compatibility with plugin WP Armour Extended – Honeypot Anti Spam.
  • Added: Compatibility with plugin Biteship for WooCommerce.
  • Added: Option to choose number of cross sell items to show on the cart page, available with Fluid Checkout PRO.
  • Improved: Compatibility with plugin WooCommerce Stripe Gateway. Set style for the Stripe Checkout fields for the New Stripe Checkout experience.
  • Improved: Compatibility with plugin Mailchimp for WooCommerce. Display newsletter checkbox right below the email field.
  • Improved: Sort contact step fields by priority, and show billing and shipping phone fields on the same row when both are required and set to be display on the contact step.
  • Improved: How compatibility with WooCommerce features is declared.
  • Improved: Move the checkout script settings into its own property in the fcSettings object, optimizing the use of memory on the browser.
  • Improved: Improves the way compatibility classes are loaded to use less memory space.
  • Fixed: Compatibility with the Order Attribution feature from WooCommerce versions 9.2.0+.
  • Fixed: Compatibility with plugin WooCommerce Payments. Fix wrongly displaying error message “missing payment method” in some specific configurations.
  • Fixed: Compatibility with plugin Rvvup for WooCommerce. Hide place order button when PayPal payment method is selected.
  • Fixed: Compatibility with plugin Smartlink Product Designer. Fix product image sizes on cart and checkout page.
  • Fixed: Do not set focus to password field when first visiting the checkout page if account creation is required.
  • Fixed: Copy address fields values to the other address group on the frontend when “same as address” checkbox is checked for better compatibility with some plugins.
  • Fixed: Do not apply database migrations when activating the plugin on a multisite installation.
  • Fixed: Untranslatable strings originated from WooCommerce.
  • Fixed: Layout for the coupon code apply button for some themes.

3.2.1 – 2024-08-05

  • Fixed: Compatibility with plugin Germanized. Fix voucher coupons displayed with amount zero on the coupon code substep.
  • Fixed: Fatal error on compatibility with the order attribution feature from WooCommerce on older versions of WooCommerce.

3.2.0 – 2024-08-02

  • Bump tested up to WordPress 6.6.1 and WooCommerce 9.1.4
  • Added: Admin notice about changes to next major version and customization migration guide.
  • Added: Compatibility with the Order Attribution feature from WooCommerce.
  • Added: Compatibility with plugin Avada Builder.
  • Added: Compatibility with plugin Mondial Relay – WordPress.
  • Added: Compatibility with plugin WooCommerce Carrier Agents.
  • Improved: Compatibility with theme Avada.
  • Improved: Compatibility with theme Ocean WP.
  • Improved: Compatibility with theme Hello Elementor.
  • Improved: Compatibility with plugin Email Template Customizer for WooCommerce (by VillaTheme). Do not show duplicate phone numbers when generating email messages with this plugin.
  • Improved: Moved template files used to display customer addresses on email notifications from Fluid Checkout PRO to Lite.
  • Improved: Add accessibility label to hidden checkbox “Ship to different address” to overcome issue reported by automated accessibility validation tools.
  • Fixed: Compatibility issues with plugin WooPayments (WooCommerce Payments). Avoid setting address data to same as billing or shipping when processing express payments such as Apple Pay and Google Pay.
  • Fixed: Prevent showing duplicate billing and shipping phone number values on email notifications.
  • Fixed: Make string translatable in compatibility class with Hungarian Pickup Points plugin.
  • Fixed: Layout for login form fields in the popup login form for some themes.
  • Fixed: Same addresses being used for express payments when processing order from other pages other than the checkout page.
  • Fixed: Redirection to cart page when trying to access the checkout page with an empty cart, and checkout page is using block-based checkout form.

See complete changelog