Shopify product page best practices: a checklist for DTC brands

Shopify product page best practices come down to one job: answer every question a shopper has before they have to go looking. What is it, will it suit me, what does it cost to get here, and what happens if it doesn't work out. A page that answers those clearly gives shoppers fewer reasons to leave.

This checklist covers what to fix on a Shopify product page, in the order most DTC brands should work through it: media, variants, copy, details, policies, add-ons and search settings. Each step uses features already in your Shopify admin or theme editor.

You can work through it one product at a time, starting with your best sellers, and finish most of it before your Black Friday traffic arrives.

1. Start with media that does the selling

Product media shows what words can't: how the product looks, how big it is and how it's used. Shopify product media can include images, videos and 3D models, though your theme needs to support video and 3D to show them.

• Show the product from every angle that matters: front, back, close-up detail, the product in use, and something that shows its size.
• Keep the first image consistent across a collection, such as the same background and crop, so collection pages look tidy and the product is easy to recognise.
• Add alt text to every image. Shopify says alt text is used by assistive technology to describe an image to shoppers who are visually impaired, and recommends keeping it brief and descriptive, at 125 characters or less. See Shopify's guide to adding alt text to media.

Check each page on a phone after you add media. Large videos and long galleries can slow the page, and that is easiest to notice on a phone.

2. Make variants easy to choose

A shopper who can't tell which size or colour they're picking will hesitate. Shopify lets each product have up to three options and up to 2,048 variants, and each variant can have one media item applied from the product's media list, according to Shopify's guide to adding variants.

• Link an image to each colour variant, so the gallery shows the colour the shopper picked.
• Name option values the way shoppers talk, for example "Olive" rather than an internal code.
• Put sizing help next to the size picker, not at the bottom of the page. A short fit note such as "runs small, size up" can answer the question faster than a full chart.
• Decide how sold-out variants behave. Either hide them or show them clearly as unavailable, so shoppers don't pick a size and then hit a dead end.

3. Write a description shoppers can scan

Write the description so a shopper can scan it in seconds. Lead with the one sentence that explains why someone buys this product, then break the detail into short sections.

• Open with the benefit, not the history of the brand.
• Use short bullet points for materials, dimensions, care and what's in the box.
• Answer the objections you hear most from customer service emails and returns notes. If people ask whether it fits a certain size, say so on the page.
• Keep the price, title and Add to cart button visible together on a phone screen, so shoppers don't scroll to find them.

4. Put specs and details where shoppers expect them

Ingredients, materials, care instructions and size guides often differ by product. Instead of pasting them into every description, store them as product metafields and show them with your theme. Shopify explains that you connect metafields by adding sections or blocks that support dynamic sources, such as the Product info section, then clicking the connect dynamic source icon. Support depends on your theme. See displaying metafields on your online store.

If a group of products needs a different layout, such as bundles or gift sets, create an alternate product template in the theme editor. Then pick it in the Theme template section of each product in your admin.

5. Answer shipping and returns on the page

Shoppers want to know what delivery costs, when it arrives and how returns work before they commit. Add your shipping policy and your return and refund policy under Settings and then Policies in your Shopify admin.

Shopify's guide to store policies says links to your policies are listed in your checkout footer by default. In free Shopify themes downloaded after November 2018, a link to your shipping policy also shows on product pages once you've added one. Go one step further on the product page itself with a one-line summary near Add to cart, such as when an order placed today should arrive and how returns work. Keep it consistent with your written policy.

6. Suggest the right add-on

A product page is a natural place to suggest something that goes with the item, such as a case with a phone, or a refill with a starter kit. The Shopify Search & Discovery app lets you pick up to 10 complementary products and up to 10 related products for each product. Complementary products show in a block on the product page in compatible themes, and they must be active, in stock and published to your Online Store to appear, among other conditions. See product recommendations.

Pick add-ons by hand for your best sellers rather than relying only on automatic suggestions. You know which products customers actually buy together.

If you use Atomato, NotiSell can also show up to six products in the on-site feed that opens from a bell in your store header or floating on the screen, and with Add product to the cart on, shoppers can add them to cart from there. With Smart sorting on, NotiSell on a product page puts products Shopify marks as complementary to that product first. NotiSell needs the Scale or Enterprise+ plan. See NotiSell for how it works alongside your theme's own recommendations.

2

Back Do not miss our best sellers!Enjoy 10% off all best sellers automatically. Linen Overshirt$45.00 $40.50MAdd to cart Canvas Backpack$95.00 $85.50One sizeAdd to cart

7. Set the search listing for each product

Shopify lets you edit the title tag, meta description and URL for each product in its search engine listing settings. See Shopify's SEO overview. Shopify allows up to 70 characters in the title and suggests keeping it to 60 or less so it isn't shortened in results. It recommends around 160 characters for the description. See adding keywords for SEO.

Write the title the way a shopper would search for the product, for example "Organic cotton crew neck sweater" rather than a collection name only.

A worked example: one product page before and after

Say you sell a linen shirt in four colours. This example is hypothetical.

Before: five images all in white, a long paragraph about the brand, the size chart at the bottom of the page, and no mention of delivery or returns until checkout.

After:

1. Each colour variant has its own image, so picking "Sage" shows the sage shirt.
2. The description opens with "A breathable linen shirt that stays cool through summer and layers in autumn", followed by bullets for fabric, fit and care.
3. A fit note sits beside the size picker: "Relaxed fit. Size down for a closer fit."
4. Care instructions and fabric details come from metafields, so they stay consistent across every shirt.
5. A one-line delivery and returns summary sits under Add to cart, matching the written policies.
6. A complementary products block suggests the matching linen trousers.

What this checklist won't fix

• Traffic that doesn't match the product. If ads send the wrong shoppers, a better page won't change who arrives.
• Price and product fit. A clear page helps shoppers decide faster, including deciding no.
• Slow themes. Heavy apps and scripts can slow every page. Review what loads on your product template.
• Guessing. Change one thing at a time on your top products, and compare your Shopify reports for the same number of days before and after.

Product page checklist

• Every image has short, descriptive alt text.
• Each colour variant shows its own image.
• Sizing help sits beside the size picker.
• The description opens with the main benefit and uses bullets.
• Specs come from metafields where they differ by product.
• Shipping and returns are summarised near Add to cart.
• Complementary products are picked by hand for best sellers.
• The search listing title and description are written for that product.
• The page is checked on a phone after every change.

Common questions

How many product images should a Shopify product page have?

There is no fixed number. Show enough to answer how the product looks from each side, up close, in use and at its real size. Every image should earn its place, especially on phones.

Should every product have its own template?

No. Use one main product template, and create alternate templates only for groups that need a different layout, such as bundles or gift sets.

Where should reviews go on a product page?

If you collect reviews, show the star rating near the product title so shoppers see it early, and the full reviews lower down for shoppers who want detail.

Do product descriptions affect SEO on Shopify?

They can. Shopify's SEO guide says descriptive alt text helps search engines find your content, and your page title and meta description are what shoppers see in search results. Write for shoppers first.

Next step

Open your three best-selling products and work through the checklist above, starting with variant images and the shipping and returns summary. If you're preparing for a sale, our Black Friday Cyber Monday plan covers what to set up next, and our post on raising order value without another discount picks up where the add-on section leaves off.

Install Atomato free on Shopify