Guides

Related Products on Shopify: What the Row Should Show and Why

A row of related products works when shoppers can see why each product is there. Where the products should come from, which layout to use, how many to show, and the headings that cost you trust.

Nudgesmart Team
5 min read
Live exampleSpin Anyway — LifeproofInstall free
On this page

Important Notice: This content is for educational purposes only. Results may vary based on your specific business circumstances, industry, market conditions, and implementation. No specific outcomes are guaranteed.

A row with a reason earns the click

A strip of other products under the one a shopper is viewing can help them find the right size of something similar, the item that completes a set, or the product they looked at yesterday. It can also be noise: one loose suggestion and shoppers learn to scroll past the whole row. The difference is whether the products have a clear reason to be there, and whether the heading says what that reason is.

To plan a row for your own store, the related products tool for Shopify picks the source, layout, number and heading from your catalogue and pages, then previews the row as a real store widget.

Where the products come from

  • Goes well with. Products that complete the one on screen: the toner after the cleanser, the case for the phone. Shopify shows these when you set them up per product in its Search & Discovery app, so they are only as good as the pairs you choose.
  • Similar products. Shopify's own suggestions, built from your products and sales. Useful when a shopper might want another style; thin in a new store, where Shopify may have no suggestions yet.
  • Products you pick. A fixed set you choose, such as best sellers on the home page. It works on any page and never surprises you.
  • Recently viewed. What this shopper opened before, so they can find it again. It needs the shopper's cookie consent and shows nothing to a first-time visitor.

Suggestions need a product to suggest from, so they belong on product pages and the cart page. On the home page or a collection, use products you pick or recently viewed.

Layout and how many

A slider suits a longer list on a product page, as long as the next card peeks in so shoppers can see there is more, and it never moves on its own. A grid suits a short, fixed set and the cart page, where a slider is fiddly. A bundle, with every item ticked, a running total and one button to add them together, suits products used as a set; products that need a size or colour picked cannot be added that way and need their own page.

Show as many as you genuinely have, not a forced number. Four to eight is plenty on a product page; on the cart page, keep it to a few so the cart stays easy to review.

Headings that tell the truth

Name the row by its reason: Goes well with, Similar products, Recently viewed. Avoid vague headings like You may also like, and avoid headings that claim buying data the row does not have, such as Frequently bought together or Customers also bought, unless the products really come from what your customers bought together.

Next step

Decide what the row is for and where it goes, then open the related products tool to plan it and preview the Product row widget from the Nudgesmart app. You publish it from the app and add it to your page. If you are thinking about a bundle price rather than a bundle row, the bundle pricing calculator covers the discount side.

For how a product row fits with the other blocks on a page, see which product page widgets earn their place.

Tags

  • product-page
  • store-widgets
  • cross-sell
  • merchandising
  • ux

Written by

Nudgesmart Team

Practical guides from the team that builds Nudgesmart

Put it into practice

Popups built for this

Each one is running live. Open one to see it on desktop, or install free and it is waiting in your template library.

Browse all templates
  • Multi-Step Flows · food

    Food & Drink — Sms Craft
    Loading…

    Food & Drink — Sms Craft

    Multi-Step Flows · food

    Demo only — nothing is saved, no code issued.

    Desktop view
    Loading…

    Food & Drink — Sms Craft

    Multi-Step Flows · food

    Demo only — nothing is saved, no code issued.
    Install free
  • Video Popups · pets

    Pets — Playful
    Loading…

    Pets — Playful

    Video Popups · pets

    Demo only — nothing is saved, no code issued.

    Desktop view
    Loading…

    Pets — Playful

    Video Popups · pets

    Demo only — nothing is saved, no code issued.
    Install free
  • Countdown Timers · fashion

    Fashion — Countdown Salina
    Loading…

    Fashion — Countdown Salina

    Countdown Timers · fashion

    Demo only — nothing is saved, no code issued.

    Desktop view
    Loading…

    Fashion — Countdown Salina

    Countdown Timers · fashion

    Demo only — nothing is saved, no code issued.
    Install free
Free tools

Work out the numbers first

Get started

Turn the traffic you already have into customers.

Install it and pick a template. Or book fifteen minutes and I’ll do the first one with you, on your store — that call costs you nothing either way.

Not ready yet? Get new posts by email.

New posts when I publish them. Unsubscribe anytime.