Modular Checkout

The Limio Modular Checkout is the next iteration of the Limio Commerce platform checkout ✨.

Instead of the single, inflexible component, Modular Checkout uses a series of flexible subcomponents to give full flexibility on yoyur checkout with no-code.

Modular Checkout is delivered via a component leveraging the native React functionalities of Form (learn more in Component: Checkout Form). It has the following benefits:

• Structured data collection: Forms ensure all required purchase information is collected in a structured manner.

• Validation and error handling: Use regex and min/max rules in forms to validate user input, minimising errors and ensuring data accuracy.

• Improved user experience: Use tooltips and labels to simplify checkout form input.

• Flexibility and customisation: Customise checkout forms to tailor the layout and field order to your business needs.

• Integrated: Forms integrates with address, tax, payment and authentication systems to streamline the experience and make sure all data is accurate in connected systems such as Zuora and Salesforce.

• Omnichannel: Modular Checkout can be used to shift sales-assisted quotes or customer service-initiated orders to online quotes/checkout. Learn more at Checkout Link and Quote.

This document will give you an overview of the customisation available for the Modular Checkout. If you are looking for a detailed document on the Limio Component, go here: Component: Checkout Form. If you are interested in the legacy checkout, go to

Made for subscription and recurring products companies (and beyond)

Limio Modular Checkout allow for our Customers:

• Allow for quantity-based products

• Sell bundles in one transaction

• Sell one-off products

• Sell with complex prices such as volume pricing

• Run tax calculation

• Embed different payment gateways and payment methods

• Support physical delivery and gift checkouts

• Have renewal checkout for existing termed subscription

Additionally within the checkout, Layouts can be used to display Cart Components side by side with your Form, including Promo Codes, Upselling and Cross-Selling components.

Best-in-class features for checkouts

Analytics in mind: The Limio Form also works well with analytics and reporting solutions, for example to capture user events from the checkout and making sure orders pass through parameters such as UTM tags.

Abandoned cart: In the background, a basket or cart is created and persist. The cart can be displayed and can also be used for abandon basket campaign.

A/B test and experiments: You can create multiple checkouts and A/B tests them. You can also deliver specific checkout for specific Limio Offer, in different languages, or to support brand-specific or product-specific UX.

Compliance: There is also a range of off-the-shelf enforcement components for the checkout, such as Block Related Purchase Component or Block Purchase Dialog to prevent undesired orders. You can also configure T&Cs and marketing preferences via Form Subcomponent: Field.

Security: Limio supports a range of security features, such as fingerprinting IP and Recaptcha. Learn more at Security Settings.

Conversion-optimised: It is also optimised to accelerate input, for example:

• Prefill fields from identity solutions such as name and email

• Add express checkout options such as Apple Pay, PayPal and Google Pay as soon as possible

• Provide integrations to prefill addresses such as Loqate

Configurable via no code

Modular Checkout is fully configurable within the Limio app, via subcomponents or the Style editor. Subcomponents allow to add:

• As many fields as you want including non Limio Standard fields to collection additional information in the Checkout, Field Types include:

  • First Name (First Name Field)

  • Last Name (Last Name Field)

  • Email (Email Field)

  • Address Fields (Address Fields)

  • Payment (Payment Field)

  • Display Text (for headings, additional information, copy) (Display Text)

  • Generic Field that can collect standard HTML types (Field, which allow Input, Date, Number, Email Address, Text Area, Phone Number, Dropdown, Radio Buttons, Checkbox)

• Rearrange the order of fields with a drag an drop interface

• Change copy, validation rules, required fields and size of the fields

Fields can be based on conditions, to allow for more dynamic experiences, for example surfacing fields when specific products are in the basket or when certain payment methods are selected. See Managing Conditionality in Subcomponents for more details.

Conditions in the checkout

Extensible with low code

Extending Limio's Modular Checkout

Developers have the flexibility to enhance Limio's Modular Checkout by integrating features like identity verification services or API checks using Limio Custom Subcomponents. These subcomponents can utilize the Limio SDK to:

• Display custom fields that require external validation, ensuring the checkout process is paused until validation is complete.

• Present the shopping basket differently from the default Limio basket.

• Apply specific rules depending on customer identity and their selected items.

For more information, please visit Custom Subcomponents.