Shopify Related Product Recommendations: How to Add?

There are many ways how to increase sales in your online store. One of the most effective ways is to add a related product on a Shopify section.
Many online store owners do not use this feature and lose about 30% of their sales. Do you want to know the reasons? Read below.

The offer of additional goods is classic in professional sales. In any coffee shop, they try to persuade a visitor to buy a dessert for coffee. In the clothing store, they always advertise ties, cufflinks, belts or other accessories when the customer buys a suit. He is very likely to agree to buy these related products, and it will certainly increase the total amount in the check. In this way, you also increase the profit of your store. This applies to both traditional and online sales.

Below, we will tell you how to sell the related products in your Shopify store.

Shopify related products recommendations

How to show related products in Shopify? There are several ways to do it:

Method 1: Use the Shopify theme, which has a built-in function for related products.

Method 2: Build your own section for displaying related products in Shopify by adding the appropriate code to your theme.

Method 3: Use a product recommendation app from the Shopify app store.

Example of displaying Shopify related products on product page:

Method 1: Use a Shopify theme that has a built-in feature for Related Products

This method is the easiest way how to add related products to Shopify. You can find the "You may also like" Shopify section in the most popular Shopify themes, as they have a built-in related products function.

Thus, you just have to choose the appropriate setting in the Shopify admin and the related products will be displayed automatically. To do that, go to the Customize theme, then go to the Product page, and click on the Product page section in the theme editor. In the list of settings, select Show related products.

Method 2: Add your section to display Shopify related products

If your Shopify theme does not have a built-in display feature for related products, or you create your store without using Shopify themes, you can add the corresponding section by yourself. You can also choose according to which principle the goods in this section will be displayed: on the basis of collections or by collections tag.  

On the basis of the collection tag

In the option of displaying products based on collection tag in the "Related Products" section, the related products from this collection will be shown. For example, if you have a product in the Spring collection, then other products from this collection will be listed in the product category recommendations on this product page. However, if the product is presented in several collections, then it is impossible to determine what products and from which collection will be displayed.

To add the "Related Products" section you need to perform the following:

1. In Shopify, go to Online Store> Themes.

2. Next, select the theme you want to edit, and in the Actions drop-down menu, click Edit code.

3. In the Templates folder, select the product.liquid file.

4. Find the following code line: {% section 'product-template' %}  and add the following code under {% section 'related-products' %}.

5. After that, click Save.

6. Next, in the Sections folder, click "Add a new section". Give this new section a related-products name.

7. The code editor will open a new related-products.liquid file. Remove the code from it that is added by default. Instead, add the following code, depending on your theme.

• for Debut theme:  this code hosted on GitHub;
• for Jumpstart theme:  this code hosted on GitHub;
• for Venture theme:  this code hosted on GitHub;
• for Boundless theme:   this code hosted on GitHub. For this theme, you will also need additional code adjustments. Find product-grid-item.liquid file in the Snippets folder;
• and the following code in this file:
  <span class="product-item__price--sale">{{ 'products.general.now_price_html' | t: price: price }}</span>
  change into this one:
  <span class="product-item__price--sale"><span class="txt--emphasis">now</span> <span class="js-price">{{ product.price | money_without_trailing_zeros }}</span>

• for other Shopify themes use this one:  this code hosted on GitHub.

8. Having added the code you need, click  Save.

You can now display a section of related products in your online store. You can enable related products in Shopify and disable this section via the Shopify admin. To do it, go to the Customize theme, and then to the Product page.

In the theme editor panel, you will see the Related products tab on the left side of the screen. Click on it to view the settings for this section.

As you can see, here you can enable or disable the ability to display related products, change the name of this section and the number of displayed products. Do not forget to save the settings you have changed.

Shopify related products by tag

If you want to control which products should be displayed in the section of related products, while applying a common set of rules for all products, then the best option is to display Shopify related products by tag.

To do it, you need to take the following steps.

1. Go to the Edit code section. As in the example above, you need to go to Online Store>Themes in your admin, and in the Actions drop-down menu, click Edit code.
2. In the Templates folder, select the product.liquid file.
3. After the code line: {% section 'product-template' %} add the following code: {% include 'related-products-by-tag' %} and click Save.
4. Next in the Snippets folder, click "Add a new section". Give the new snippet a related-products-by-tag name.
5. In the code editor, a new file related-products-by-tag.liquid will open. You can take the code for this snippet rights from this link: https://gist.github.com/carolineschnapp/1002949.

Now you can manually choose which exactly recommended products in Shopify will be displayed for a particular product. To do it, in the Shopify admin menu, select Products, and for each item, enter a tag with the product name you want to display.

NOTA BENE! As a tag, enter the handle of the product.

P.S. Discover even more amazing possibilities with Shopify Plus!

‍

Method 3: Use Shopify app store to display product recommendations in Shopify

If the functionality of themes is not enough for you, and your coding skills are not high, using apps will be the right solution. The Shopify app store has a lot of relevant applications. Most of them have a selling price. But a good plus for you will be the availability of a simple and at the same time an effective system for monitoring which products will be recommended.

Let's consider some of them:

Also Bought Recommendation

This application is based on one of the most well-known features of Amazon - automated cross-selling guidelines. It is simple enough in installation and use. We highly recommend it.

Globo Related Products

Globo Related Products is a free application developed by Globo. You can independently determine the conditions under which the recommended products in Shopify will be displayed. You also need to establish the order of priority of these conditions.

Cross Sell Recommend Product

Cross Sell Recommend Products is an application that has the ability to add recommended products in Shopify to product pages, a cart page, and a context popup window when the customers add Shopify recommended products to their shopping cart.

MBC Bundles - Bundle App

MBC bundles app for the most part all-in-one. It offers not only the functionality of the "Frequently bought together" popup, but also features for up-sell, cross-sell, seasonal sales and much more. A whole range of tools to increase revenue.

You can customize the appearance of the bundle widget as well as upsell popup in the Widget Setup tab. You can see how each of these templates looks in the widget preview when you select one of them

It does not require coding skills to set up and use the application. This is an example of simplicity and flexibility from a number of other similar solutions.

In addition, you will not be left alone with the application, as you would be with any other free or inexpensive application. Fast and responsive support will allow you to solve any difficulties when using the application, up to custom solutions for your business. As if you were a partner of the development team.

Conclusions

As you can see, there are plenty of ways how to add related products in Shopify, taking into account different variations of this feature. The main thing to remember is that recommending related products on Shopify website is a great way to increase your sales and customer satisfaction. Be sure to use it when showing your customers what kinds of similar products are available. By doing this, you will increase the chance that they will find what they are looking for, and the level of your sales will also improve. Are you interested in incorporating Shopify product recommendations on your website but still have some questions? Leave the request and our Shopify Consultant will contact you.