Checkout Components
No-code for Shopify Plus checkout

Input Component: Date Picker improvements

Date pickers can now support disabling a specific date or date range. This can be done inconjunction with the existing feature of disabling specific days of the week and buffering days.

Also in this release are some of quality of life updates and improvements, which you can find below.

Improvements

• Date pickers now support disabling a specific date or date range
• Conditional rendering is now available on customer "Shipping address" (Dynamic)
• Upsell checkbox components customer optional messages save to order attributes as well as line item properties
• Upsells now remove products from recommendations if they are already in the customers cart
• Products selected in the admin for manual upsells no longer state "0 left in stock" on products that do not have their inventory tracked in Shopify.

New component type: Line item Edits & Upsells

In a single component, merchants can now conditionally render whether or not customers can edit line items mid checkout. Options currently available are to edit the quantity, remove the item, select a different product variant.

On top of this, merchants can also enable in checkout personalisation which is saved against the product as a line item property. Of course, alongside these awesome updates are general improvements which you can find below.

Improvements

• New component type: Line item Edits & Upsells
• All extension have been upgraded to Shopify API version 2024.04

Nosto integration for upsell components

Upsell components can now be integrated with Nosto. This is a huge step forward in the flexibility of the platform and will allow merchants to use Nosto to power their upsell components.

In addition, quality of life updates as well across the admin app and more.

Improvements

• Content components now support mobile specific images
• Feature requests can now be made via the admin
• You can now conditionally render to specific states
• Minimum spend now references the cart subtotal (exclusive of shipping)
• You can now hide products from appearing in upsells

Upsells get modals

All non-deprecated Upsell Components now have clickable product thumbnail images. When clicked, a modal containing product details will be shown to the customer allowing them to see more information about the product before adding it to their cart in checkout.

In addition, quality of life updates as well across the admin app and more.

Improvements

• Upsell Component modals
• Checkbox upsell now support optional messages (subheadings on the product card)
• Content Components of the Text variant now support markdown for adding inline links
• New homepage for the app
• UI improvements across the board

Leave a note for a mate & more!

Both Large Upsell and Checkbox Upsell variants can now optionally enable customers to leave notes associated with the upsell. This is great for upselling premium packaging or product customisation.

In addition, quality of life updates as well as Input Components: Radio options, being able to support adding a product to cart if the option is selected.

Improvements

• Optional notes for Large Upsell and Checkbox Upsell variants.
• Input Components: Radio options can now add a product to cart if the option is selected.
• Upsell admin UI Improvements
• Content components now are checkout aware (they show and hide based on more conditions)
• Choose to hide products in upsells when using automatic & integration powered recommendations
• Decide how many products should show per page in upsell components
• Radio input fields now support images

Radio upsell

A new upsell type that was built specifically for handling donations (or any product you think would look good in a radio group). This upsell type is a radio group that allows the customer to select one of the products variants.

Improvements

• Now accept donations or tips in checkout with Upsell Components.
• Bonus update: New upsell components can choose how variant selectors are displayed on mobile. Inline or stacked.

Upsell components

Upsell components have been updated. Some notable features include better styling, variant selection updates the thumbnail image of the upsell, button control and much more!

This update also includes a bunch of quality of life updates which can be found below.

Improvements

• Upsell components:
  • Button control
  • Wrap component in a border
  • Variant selection updates the thumbnail image
  • Load speed opimisation
  • New admin UI
  • Upsells created on previous version have a deprecation notice
• Input components are collapsible
  • Hide input components behind a checkbox.. Great for forms!
• Line item highlights can now be text or a tag
• New billing page
• Free plans no longer need to accept a test charge

New Input Component: Radio options

More input variants! Merchants can now add radio options to their input components. There are two supported styles, plain and grouped. Grouped can be seen in the above screenshot of the new component. Whereas plain will show the options in a more simple user interface.

Radio options are excellent for a required choice from the customer, such as authority to leave choices, or gift wrapping options.

Improvements

• Input Component: Radio options
• Two styles: plain and grouped
• Required choice from the customer
• Input Component form in app updated

Responsive UI for Upsell Components

This is particularly useful for merchants who have products with variants and longer product names. Option selection is now on a new row next to the add to cart button. Products are also separated by a divder to make it easier to see where one product ends and another begins.

Improvements

• Responsive UI

New Input Components

In the latest release, Input Components have been completely overhauled. In this update, merchants can now have multiple fields in a single Input Component.

With this update, there is an increase in usability and will support further development of new Input Component templates. To begin with, merchants have access to Gift Notes, Terms agreement and a blank template. Where they can create whatever they like.

Existing Input components, have been marked as deprecated. Merchants will see this when they visit older Input Components and are prompted to move to the new system.

Improvements

• New UI for Input Components
• Input component templates
• Input components can have many fields
• More control over input fields, including access to regex, custom lines, custom helptext and more.
• Upsell and Content component modals have been replaced with a new UI.

Text components support icons

Prefix icons can now be added to Content Components "Text" template. This allows merchants to prefix thier message with an informative icon.

Improvements

• Text components can now have icons.

Upsells can be paginated

Upsell components, regardless of their source can now be paginated. The component will show three products at a time, and if there are more products returned by the APIs the component is connected to, it will show a next and previous button allowing customers to discover more recommendations.

To make the most of this, the product quantity will need to be set when editing / creating an Upsell Component to be more than 3 (the default).

Improvements

• Upsells can now be paginated

Upsells powered by Shopify Collections

Merchants can now select one or more collections that upsell components should source products from. This can be used effectively when running a sale on specific collections.

Improvements

• All upsell component variants now can be powered by Shopify Collections.

Date pickers now support blocked days

Input Components that use date pickers can now block specific days of the week. This can be used to prevent customers from selecting days that are not available for delivery or collection.

Improvements

• Specific days of the week can now be disabled in the date picker on Checkout.
• This can be used in combination to buffer days.

Shopify Markets integration

Merchants can now show components to customers in specific Shopify Markets. Target specific countries or groups of countries and show important information, or ask for more information via input components.

Improvements

• All components can be published to specific or all Shopify Markets.

Algolia integration for upsell components

Algolia can now be integrated with Checkout Components 🎉.

This means that merchants can now use Algolia to power their upsell components. This is a huge step forward in the flexibility of the platform and will allow merchants to use Algolia to power their upsell components.

Improvements

• Upsells can be powered by Algolia Recommend via app settings.
• All tracking events Algolia requires are catered for.