Checkout Components No-code for Shopify Plus checkout
Stay up to date with the latest product changes for Checkout Components, a Shopify Plus app that allows you to customize your checkout experience without writing code.
Probably the last update major before the end of the year, the team has been working hard on some improvements on the app for you all, specifically looking at modals and web accessibility. See foot notes below!
Improvements
Upsell: Improved product modals
New image gallery where the shown photo relates to the selected variant
Web accessibility standards have been improved
Cleared structure for better readability
Dynamic sizing based on product content
Upsell: Product images and buttons now support web accessibility standards
Upsell: Checkbox upsell now shows a success message when messages are edited after adding to cart.
Just in time for BFCM 2024, we shipped a new analytics system. This system will allow merchants to track the performance of their components in real-time. This is a huge step forward in the flexibility of the platform and will allow merchants to use data to power their upsell components.
Right now, the analytics system shows a revenue breakdown between all your upsell components over time, your top performing products and after many requests - we now show a holistic view of the revenue generated by all upsell components.
In addtion to the analytics system, we have made some quality of life updates and improvements, which you can find below.
Improvements
New analytics: Track revenue generated by upsell components over time
New analytics: Compare the performance of upsell components
New analytics: See the top performing products
Old legacy analytics system has been removed
Improved currency support for upsell components
Now when customers choose a different country in checkout, the upsell prices will update to reflect the new currency
Improved performance of upsell components
Removed component flashing on page load
Hide products button on upsell components has a more clear label
Shopify stores not using markets will now render components correctly - regardless of customer location
Checkbox upsells now allow customers to modify their gift note, even after adding the product to the cart
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.
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
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
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
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
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 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!
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.
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.
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.
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).
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.
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.
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 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.