The details
behind the detail.

Choose the audience, shape the presentation, and write for each market. Explore the tools that connect your checkout components.

Explore the platform

Made to work together.

The app's language selector with supported checkout languages

Translations

Write component content in multiple languages. Show the customer's language, with your default wording as a fallback.

Conditions matching a shipping method and a UTM campaign in Checkout Components

Conditional rendering

Show components when cart, customer, shipping, or referral conditions match. Build and test rules before saving.

Minimax checkout offer with an original price, reduced price, and 43% savings badge

Checkout-exclusive discounts

Offer checkout-exclusive savings on recommended products, with per-product discounts and conditions for offers such as free gifts.

Recommendations overview showing product-to-product, tag-to-tag, and collection-to-collection mappings

Product recommendations

Connect products, tags, and collections in any combination, with up to 1,000 mappings for checkout recommendations.

The Activity page showing component changes and their dates

Edit history

See who changed what and when, roll back to an earlier component version, and view changes alongside checkout analytics.

Gemini
Gemini
ChatGPT
ChatGPT
Claude
Claude
Grok
Grok

AI referral targeting

Recognise visits from supported AI assistants and tailor checkout content to that arrival context.

Ringers Western's checkout product modal with images, price, and variant options

Upsell product detail modal

Give customers the information they need to consider an upsell without leaving checkout. They can view a recommended product's images, description, price, and available variants in a modal, then add it to their order without visiting a separate product page.

Shopify's Markets interface, from Shopify

Shopify Markets

Market targeting controls where a component appears. A component can show across all markets or a selected set. This separates regional availability from language: the market decides who can see it, while translations determine the wording.

Ringers Western's upsell in the desktop checkout order summary
Desktop
The same Ringers Western upsell in mobile checkout
Mobile

Mobile-specific rendering

A narrower checkout changes how much content customers can see at once. Use device-specific rendering where available and component-specific mobile settings to choose a presentation that fits, then compare it with the desktop experience.

Shop Pay checkout, from Shopify

Shop Pay & Shop app

A customer may enter checkout through more than one journey. Shop Pay support should be configured and tested as its own experience, while the Shop app also needs a separate review. Support for one surface is not proof that every component action works identically on another.

The upsell visual editor alongside its live checkout preview

Appearance controls

Adjust a component's layout, labels, borders, and behaviour alongside a live desktop or mobile preview. Product cards, messages, and inputs have their own controls, while checkout branding supplies the surrounding fonts and colours. Review the result as you work before publishing it to checkout.

Hidden-product rules with a product tag, type, and vendor selected

Hidden products

Hidden products adds an exclusion layer to the recommendation set. It helps keep unsuitable items out even when a broader collection or recommendation source would otherwise return them.

A UTM campaign condition combined with a delivery condition

UTM campaign targeting

Detect campaign arrivals using UTM source, medium, campaign, term, or content. Match those values in conditional rendering to show relevant messages, offers, or other components, and combine them with cart or customer conditions when the campaign needs a narrower audience.

Platform systems

Content, audiences, and checkout logic.

Features refine individual components. These platform systems connect the broader checkout experience.

Set order limits and control supported shipping and payment methods.
Maintain a reusable audience for related components and functions.
Manage the checkout's broader typography, colours, and controls.
Review performance separately from configuration and edit history.

A more considered checkout starts here.