How to Add Products to a Page on Shopify

Shopify is one of the most popular e-commerce sites there is. Many people dote on this program because it's scalable, and easy to use and integrate.

This is just part of Shopify's mass appeal, which has captivated 20% of the market share of e-commerce platforms. To date, there are a total of 820,000 merchants happily using this program.

If you're clueless about adding product recommendations, worry not, as you've come to the right place. Below are various tutorials on how to add products to a page on Shopify.

Why Should You Use Shopify?

Shopify is favored by many because of its various seller features, one of which is adding related products or items to your main product pages.

It's a must-have for every shop owner, especially for the pages with the highest conversions. After all, it can help increase your clients' average order sales without much marketing.

A Step-by-Step Guide on Adding Product Recommendations

You can easily customize product recommendations in some themes since they have this option by default. Such themes include the following:

  • Brooklyn
  • Debut
  • Boundless
  • Narrative
  • Minimal
  • Venture
  • Simple

But take note that doing so needs some bit of code, so be careful before you proceed. If you’re not comfortable using code, you may want to hire a Shopify expert who knows the theme editor to do the following tutorial on your behalf:

Step 1

Go to the 'Online Store' section of your dashboard. It is located on the left lower panel. Under it, click 'Themes,' then select 'Edit Code' from the Actions drop-down menu.

Step 2

You’ll be redirected to the next screen. Go to the ‘Templates’ section, then click on ‘product.liquid’ file. This will show the code you need to edit.

Step 3

Look for the code {% section 'product-template' %}. You can either search for it using the CTRL + F feature or just locate it near the top of the page.

Paste the code {% section 'related-products' %} underneath and click 'Save.'

Step 4

After this, you need to make a section for the code you have enabled.

Go to the 'Sections' area and select 'Add a New Section.'

Step 5

Type in the term 'related-products' to the text box that pops up, then click 'Create Section.'

Step 6

After creating this section, you will see a new tab named 'related-products.liquid.' Delete the code here and paste the appropriate one according to your Shopify theme.

You can get the codes for the following themes via GitHub:

After adding the code, click on 'Save.'

Some additional code changes may still be necessary, so make sure to consult your web developer for any recommendations.

Doing this will only showcase recommended products that belong in the same collection page. For example, if the user is browsing through skirts, then she will only see skirt recommendations.

If you want your clients to see products from other categories, you will need to use apps such as Relatify.

Other Limitations

Apart from the product category, your Shopify plan and online store determine the limitations of shop recommendations.

Here are some of the limitations to take note of:

  • You can activate recommendations according to the product description and purchase history if you have a Plus plan with more than 7,000 listed products and an English storefront.
  • Meanwhile, only the Purchase history is available for Plus plan users with non-English storefronts containing more than 7,000 products. The same option is available for non-plus users with less than 7,000 listed items.
  • The Collection page is visible with any plan with more than 7,000 products published.
  • The Recommendations algorithm doesn't include gift cards or out-of-stock products. While you can't exclude specific products for product recommendations, there is an option to write a JavaScript code for such product details.

Best Practices for Product Recommendations

To make the most out of the revenue-generating capacity of product recommendations, it's best if you follow these tips:

  • As mentioned, make use of phrases such as "You may like" for your product recommendations.
  • Use the right image size for your product details.
  • Shopify’s algorithm makes up to then recommendations per product. This is classified according to relevance, with the first product being more related than the tenth one. That said, it’s best to show only four products per page. That way, your customers will only see the best related product collection or items while they are shopping.
  • Make sure to track the product recommendations through the Shopify Analytics option. That way, you can see which item is more effective so that you can make substitutions for the less popular ones.

Shopify Apps for Displaying Recommended Products

If you're not the type to meddle with codes and you don't have the resources to hire a Shopify store expert, your best bet is to download an app from the Shopify app store to help you recommend related products.

Here are some apps that you can use:

Globo Related Products

A free application developed by Globo, this platform allows you to determine specific conditions for displaying related products. You can even establish the order of priority for each product.

Linkcious Related Products

This app uses artificial intelligence to select which products to display on your Shopify store.

To do so, it analyzes clicks, social interactions, and contextual info of your customers so that it can thoroughly recommend products to increase your conversion rate.

You can also manually select products on each page if you wish.

Also Bought Recommendation

If you want an app based on the Amazon algorithm, then Also Bought Recommendation is the one you're looking for.

It uses Amazon's proven automated cross-selling guidelines to give product recommendations to your customers. Plus, it's relatively easy to install and use.

Wiser – Upsell Related Products

With this app, you can display related products based on four conditions:

  1. based on tags or collection pages
  2. hand-selected products
  3. recently viewed items
  4. bestsellers.

You can also add this section anywhere on your web page.

Cross Recommended Product

This app can enable related products to your related product section or page, cart page, and even a context popup window to increase your conversions.

While adding product recommendations may be quite complicated with the code and all, it's worth trying. After all, this option can help you rank high on search engines, and improve sales and revenues, of course!