How to Add Product Recommendation on Shopify & GemPages

If you are using Shopify alongside GemPages, understanding how to effectively use recommended products can give your store a competitive edge. This guide will explain what product recommendations are, outline Shopify’s main types of recommendations, and provide clear instructions on how to add related product and complementary product sections on your product pages.

What Is a Recommended Product?

A recommended product refers to items that an online store suggests to customers based on various criteria such as browsing behavior, purchase history, product similarities, or complementary uses. These recommendations help customers discover products they might not have found otherwise, offering a more personalized and engaging shopping experience.

Shopify organizes product recommendations into two primary categories:

• Related Products: These are products that are similar or substitutable to the item a customer is viewing. For example, a “You might also like” section typically displays these alternatives or related items to help shoppers compare and find the best option.
• Complementary Products: These products complement or enhance the main product, often displayed in a “Pair it with” section. For instance, phone cases that go with smartphones or batteries for cameras fall under this category.

How to Add a Complementary Product Section in Shopify

Creating a complementary products section on your Shopify product pages encourages customers to purchase add-ons or accessories that enhance their main purchase. This tactic can effectively increase your average order value.

For a detailed step-by-step tutorial on setting this up, you can refer to the GemPages Complementary Products article.

How to Add a Related Product Section in Shopify

Shopify offers simple options to showcase related products. Here’s how:

Step 1: In your Shopify Admin, go to Online Store > Themes.

Step 2: Click Customize on your active theme.

Step 3: Navigate to Products > Default product template.

Step 4: Select an existing Related products section or click + Add section and choose Related products.

Step 5: Customize settings such as the title, vendor display, price, and description.

Step 6: Save your changes.

This adds an auto-generated “You might also like” section on product pages, showing related products based on purchase history, descriptions, collections, and more.

How to Add a Related Product Section in GemPages

GemPages V7 makes it easy to add related products using the Product List element preset:

Step 1: Open your product page in the GemPages Editor or create a new one.

Step 2: Search for the Related Products preset and drag it into your design.

Step 3: Click on the product list element to open its settings, then enable Select product list and choose Related Products.

Step 4: Configure the display conditions:

• Same Collection: Show products from the same collection as the main product, with an option to exclude specific collections.
• Same Tag: Display products sharing tags with the current product, allowing exclusions.
• Same Vendor: Show products by the same vendor.

Step 5: Customize layout options:

• Choose the number of products per row.
• Select between grid or slider layouts, with extra slider settings if applicable.
• Adjust width, height, and enable “Same Height” for grid layouts to keep product cards uniform.
• Fine-tune spacing between rows and columns for a clean, balanced look.

With these versatile controls, GemPages users can create engaging related product sections tailored perfectly to their store’s style and customer needs.

Why Product Recommendations Matter for GemPages Users

Implementing recommended products thoughtfully offers multiple benefits:

• Personalization: Relevant suggestions based on product attributes or customer behavior make shoppers feel understood.
• Discovery: Highlighting related or complementary items encourages customers to explore and consider additional purchases.
• Higher Revenue: Well-targeted product recommendations nudge customers toward buying more, raising your average order value.
• Better Engagement: A polished recommendation section keeps visitors browsing longer and reduces bounce rates.

GemPages empowers merchants to easily design and customize these recommendation features through the drag-and-drop editor, no coding needed.