Back to blog

How to Add Shopify Related Products to Your Product Page in 2023

March 23, 2023

Shopify
Growth
CRO
How to Add Shopify Related Products to Your Product Page in 2023

One of the key performance indicators for businesses is the ability to upsell and cross-sell to new and existing customers. High street shops have been utilizing these tactics on customers for decades. This tactic can be applied to online shops and, more specifically, Shopify stores. 

Many online stores are looking at tapping into sales techniques such as upselling and cross-selling. This is unsurprising as, on average upselling increases revenue by 10-30%. Recommending Shopify related products on your product pages can differentiate between an average order value (AOV) and a high AOV. Read on to discover how to add product recommendations to your Shopify store.

Why is a Shopify Related Products Section So Important?

Successful online stores generally have a recommended products section across their product pages to yield stronger cross-selling results. The reason for this is that there are many advantages for stores to implement this feature, such as

  1. Enticing your customer: displaying related products allows customers to see more of what you have to offer, as you can display up to ten products.
  2. Displaying a wider selection of products: show a broader range of your products, increase customer experience, and expand the number of items in checkout carts.
  3. Enhancing relevancy: to successfully cross-sell to your customers is to make sure the products that you’re enticing them with are relevant.

Two ways that a website can optimize its related products section is by featuring products from the same collection/category, or by identifying their previous history (purchases or browsing).

How to Achieve Relevant Product Recommendations

Optimizing your online store to achieve relevant product recommendations will yield positive results for any e-commerce business, as this will achieve

  • Increased customer satisfaction and loyalty: a more personalized shopping experience makes customers feel valued. Additionally, offering products relevant to the customer will not only increase spending but will encourage them to return to your store for future purchases.
  • Stimulated sales of low-margin products: product recommendations allow you to show your customers other products that perhaps they may have previously scrolled past. You can focus their attention on particular items to increase sales.
  • Differentiates your online store from your competitors: adding unique related product sections is not only great for cross-selling, but it helps you stand out in the crowd. It's a great opportunity to show the best of your products across your product pages.

So, now that you know the importance of product recommendations it's time to explore the different ways to add a Shopify related products section to your product pages.

How to Add Related Products in Shopify

Adding related products to your e-commerce store doesn’t have to be a complicated process. There are three ways you can enable related products across your product pages.

  1. Third-party App: most of the technical elements are done for you.
  2. Shopify Theme: presets are available depending on your theme.
  3. Edit Code: a more hands-on approach that gives you complete control.

Some of these methods are easier than others, so you must choose the best method for your Shopify store.

1. Utilize Related Products Apps on Shopify App Store

One of the better and easiest ways to execute this technique is to download and install a third-party app via the Shopify app store. Using Shopify related product apps can save you time and provide you with an easy system to control which product recommendations appear in your new section.

For your pre-purchase needs, download Upcart:

UpCart is a multi-featured drawer cart builder that can automatically help you set up and customize a great cart experience. Your cart can be on-brand with the rest of your online store with its unique customizability options.

Features:
  • Add in in-cart upselling and cross-selling blocks
  • Display a promotion or a free shipping bar or discount promotion to entice customers.
  • Keep your customers updated with cart announcements.

Pricing:

You can download UpCart via the Shopify App Store here.

For your post-purchase needs, download AfterSell:

Create powerful post-purchase offers to skyrocket your sales. Boost your AOV with thank-you page editing, checkout upsells, and irresistible post-purchase offers. The app triggers upselling with products, cart value, customer tag, language, UTM, and more.

Features:
  • Provide your customers with one-click upsell and downsell offers.
  • Modify your checkout page with order bump upsells
  • See what converts best with split tests via A/B testing

Pricing:

You can download AfterSell via the Shopify App Store here.

By picking relevant applications to enhance your Shopify store, your customers will be shown recommended products that will make them continue shopping and you can become a pro at successful upselling.

2. Create Shopify Related Products Through Your Theme

Creating a related products section can be as easy as altering the Shopify theme that you’ve set for your store. It's important that you factor in how you'd like to determine which products are being recommended. You can tailor recommendations via product tags, relevant collections, and manually set related products.

  • Related products by tag: provide an automatically generated list of related products by tag, this saves time and gives you more control over which products to show to your customers.
  • Relevant collections: product recommendations are automatically shown with no hand-picking required. However, if a product features in multiple collections, there is a chance that irrelevant products from those collections could be shown.
  • Manual setting: you'll have the most control of product recommendations via this method as you can individually pick the product recommendations displayed. However, if you sell many products, this method is time-consuming.

There are themes set up for the online store that simply allows you to add related product sections. Most themes like Dawn, Brooklyn, and other popular Shopify themes come with a related products section feature built in. However, this feature isn't available for all Shopify themes.

So, if the theme you’ve chosen doesn’t have this particular feature, you’ll need to put in a little more groundwork, and this is where the next solution comes in.

3. Add Related Products in Shopify Through Code

You don't need to be a whizz to edit code, you can alter your theme to add a related product section in Shopify by adjusting your Shopify theme. This method gives you more control over where and how related items appear on your site.

Here are the five simple steps to adding a related products section to your product page:

  1. Enter Theme settings via the Shopify admin site.
  2. Via the theme editor, on the left side panel, click Create New Snippet and type in "related-products." and click Create snippet.
  3. You can choose from an array of recommendation features online, Collection and ProductTag are the most popular options. For example, if you were to use this Recommend by Collection, you would click the URL and copy all of the code in the box that appears.
  4. Paste the code into the related-products snippet file you just made. Once you've done this, go to the product liquid file under the Snippets section.
  5. Add the following to the area you'd want your own section to appear {% include 'related-products' %}, and now you can add product recommendations via product tags, related collections, and manually choosing, click Save, and you're all done.

Now that you've got your Shopify related products section, it's time to sit back and watch your average order value increase with a product recommendation.

Final Thoughts on Featuring Product Recommendations on Your Online Store

There you have it, product recommendations are a great feature for any business. With our simple tips and third-party app recommendations, you can upsell and cross-sell to new and existing customers with a new feature. You can now create and control recommended product sections on your Shopify store.

With all this new-found knowledge and slick new related product sections, you can cross-sell successfully and propel your business's success- and profit margins. Learn more about how to set up Shopify checkout upsell or a Shopify one click upsell with AfterSell.

Happy selling!

Boost your sales by over 30%

Try AfterSell for free today to see how it can help you boost sales

Join 20,000+ brands already on AfterSell

Curious how AfterSell can help increase AOV and customer retention? Let’s talk.