Shopify
  • Personalization for Shopify
  • Installing
  • Tracking & Session Management
    • Standard Shopify Storefronts
    • Custom Storefronts (Hydrogen, Headless & more)
  • Shopify International (Markets)
    • Front End addition
  • Recommendation Extensions
  • Guides
    • Quicker loading times
    • Granting Access to your Store
    • Adding/Moving Recommendations
    • Customizing Product Metadata
    • How Nosto modifies your theme
    • Version Controlled Themes
    • Implementing enhanced conversion tracking
  • Features
    • Variations (Configurable Products)
    • Managing the Cart
    • Supplier Cost & Inventory Level
    • Restore Cart Link
    • Ratings & Reviews
    • Multi Currency Support
    • Shopify Flow
    • Shopify Hydrogen
    • Marketing permission and GDPR compatibility
    • Online Store 2.0
    • Shopify Sections
    • Dynamic Bundle Discounts
    • Customer Reference
  • Integrations
    • Using Yotpo
    • Using Stamped.IO
    • Using Judge.Me
    • Using Okendo
  • Articles
    • Article: Leveraging Margin Data
  • FAQ
  • Uninstalling
  • Visit Nosto
  • Issues
  • Releases
Powered by GitBook
On this page
  • Overview
  • Checkout page (Shopify Plus only)
  • Thank You page
  • Requirements
  • How to Set Up in Nosto
  • How to Set Up in Shopify
  • 1. Open the Checkout Editor
  • 2. Add Nosto app blocks
  • Visual Customization
  • Available options
  • Known Limitations

Was this helpful?

Recommendation Extensions

Nosto’s Recommendation Extensions allow you to personalize your customers’ journey directly inside the Shopify Checkout and Thank You pages.

PreviousFront End additionNextGuides

Last updated 14 days ago

Was this helpful?

Overview

Extensions are added as native app blocks via Shopify’s Checkout Editor and render personalized product recommendations at key moments — either before the order is confirmed, or right after.

The Recommendation Extensions are available for:

Checkout page (Shopify Plus only)

→ Shopify's Checkout page, where customer enters payment details & shipping information

Thank You page

→ Appears after Checkout is done, confirming the order

Each extension shows up as a Nosto app block and supports standard Shopify layout controls.

Requirements

To use the extensions, you’ll need:

  • The Nosto app installed from the Shopify App Store

  • Product Recommendations enabled in your Nosto account

  • Nosto's Shopify Pixel enabled -

  • Shopify Plus (for Checkout Extension support)

  • Access to the Checkout Editor in your Shopify Admin

Once these are in place, you can add and customize the Nosto blocks directly.

How to Set Up in Nosto

Before setting the Extensions up in Shopify, ensure they are set and enabled correctly in Nosto.

To ensure the Recommendation Extensions always follow your desired strategy, adjust your Recommendation logics accordingly. This can be done in your Nosto account, and follows the general rules and possibilities of Product Recommendation.

You can find your Extension Recommendations already pre-set under Nosto Admin → Product Recommendations, listed under page types "Shopify Checkout Page" & "Shopify Thank You Page".

How to Set Up in Shopify

1. Open the Checkout Editor

  • Go to Shopify Admin → Settings → Checkout

  • Click “Customize” to open the editor

2. Add Nosto app blocks

  • Under Apps, ensure your desired Nosto Extension is enabled

  • Under Checkout → Sections, click "Add App block" and add "Nosto Checkout" or "Nosto Thank-You"

In the editor sidebar, you can adjust the position within the allowed areas, like below the order summary or beside shipping options.

Visual Customization

Nosto Recommendation Extensions will automatically adjust their design, based on your Checkout theme settings and styling. However, Nosto extensions support a few flexible appearance settings that let you customize how content is displayed on your checkout page.

These settings appear within your Theme Editor, when selecting the Nosto Extension.

Available options

Setting
What it does
Values

Aspect Ratio

Sets the image ratio

1, 1.5, 0.75

Image Fit

Controls image scaling

cover, contain, fill

Product Title Font Size

Adjusts text size of the product title

small, medium, large

Strike-Through Price

Allows control over showing or hiding the strike-through price if a product is discounted.

true = €478.00

false = €666.00 €478.00

Button Style

Gives control over the styling of the ATC button.

base-primary, monochrome-primary, base-secondary, critical-secondary, monochrome-secondary

New Recommendation Design

Allows switching between two designs for your Recommendations. New design is used by default for mobile.

true, false

Show Description

Show or hide the product description (new design only)

true, false

Some of these options are only available for the Checkout Extension, not for the Thank You Extension.

Known Limitations

Checkout Extension

Requires Shopify Plus

Max Products

Only 2 products will be shown per block

Pixel dependency

The Nosto Pixel must be active and session cookie present

Cookie Consent

If customer declines tracking, recommendations will not load

If unsure, please reach out to your Nosto team via support@nosto.com!

find out more
Example for positioning of Nosto Checkout block
Extension - Visual Customization