How to Add Recommended Related Product to Shopify Store?

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 efficiently add the “related product" Shopify section to your stores.

Shopify related products recommendations

How to add 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 of how to add “you may also like” on Shopify. You can find this 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 admin panel to turn on the automatic related products Shopify suggestions. 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

How to add recommended products in Shopify in another way? 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 “suggested products” Shopify 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 Shopify related 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 Shopify “suggested products” section 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 work with related products Shopify code, taking 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

Now you know how to add product recommendations on Shopify in more traditional ways. However, 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.

Wiser - Upsell Related Products

Wiser - Product Recommendations is a smart Shopify app that uses AI to suggest products and influence how much people spend, what they put in their cart, and how often they buy. It suggests items frequently bought together, shows recommendations in the shopping cart, and lets you make your own suggestions. It also gives detailed business stats, supporting different languages and currencies.

Linkcious Related Products

Linkcious allows you to easily connect Amazon Personalize to your store with just one click. This AI-powered app will analyze the product suggestions to your customers and improve them over time. Plus, you'll get the same recommendation tech that Amazon uses and a help with SEO-friendly links.

Conclusions

As you can see, there are plenty of ways to add Shopify related products on product page, 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. 

Maybe you are interested in incorporating Shopify product recommendations on your website but still have some questions or just looking for a reliable Shopify development company to take care of all the processes for you? You can leave the request in this form and our Shopify Consultant will contact you.