There are a ton of ways to use product recommendations on your Shopify store.
The Shopify Search & Discovery app is a great place to start for basic product recommendation functionality. But it has its limits.
We suggest using a third-party app like ConvertFlow that gives you more control over your recommendations that will ultimately lead to better revenue for your store—and can boost the functionality of the Search & Discovery app when used together.
Today, you’ll learn how to add product recommendations to your product pages.
Shopify Search & Discovery is a native app built by Shopify that ecommerce brands can add to their stores to surface products in search and add recommended products to their product pages.
But you can’t make other campaigns like popups. And you can’t customize the product recommendations to each shopper.
So, if you want to take into account shopper details—like geographical location, quiz answers, customer segment, and other first-party data—you’ll need a third-party app with more functionality.
Luckily, ConvertFlow makes it easy to add product recommendations to your Shopify store with advanced targeting capabilities for personalized product recommendations.
And you can launch product recommendations in a variety of formats—like popups, quizzes, embeds, landing pages, and more.
The best part? You don’t need to know how to code.
Just find a template that suits your needs. Customize it in ConvertFlow’s drag-and-drop funnel builder. Integrate with Shopify in a few clicks. And set up your targeting to show the right products to the right customers.
Boom! You’ll have personalized product recommendations that contribute to more checkouts and higher AOV 💥
ConvertFlow’s template library has a variety of options for different campaign types and goals.
This one is built specifically for embedding product recommendations:
The template you choose may have multiple campaign formats, like popups, embeds, and landing pages.
The one we’re using today has two different embed versions:
Use the small embed template if you want to recommend products in a column of your product page, like Mejuri does with its “Complete the look” recommendations that appear alongside the product details:
The second one is great for full-width product recommendations, like sustainable household brand etee does at the bottom of its product pages:
We’ll use the full-width version today.
💡 Need some inspiration before you build your own? Review six product recommendation examples from brands that are nailing it.
Once you choose your template and campaign format, you’ll be guided to create and name your campaign. Then you’ll land in ConvertFlow’s drag-and-drop funnel builder:
Here you’ll be able to customize everything about your product recommendation embed, including its appearance and functionality.
Let’s start by setting the campaign’s theme. That’ll ensure your aesthetic design is consistent.
Then if you want specific elements to be different, you can update their style individually, which will override theme-level settings.
So, click “Theme” in the panel on the right side of the screen:
You’ll see a full list of element types that you can customize.
We’ll update the color of the “add to cart” buttons to match our brand. Click “Buttons” to expand the theme settings for that element type. Then update the color:
Continue like this, updating each element type’s theme so that it matches your brand style.
You can skip element types you won’t be using. But if you change your mind, be sure to come back to the Theme panel to edit those later.
Now you can update the content of your product recommendations embed.
To edit an element, click on it in the builder and you’ll see customization options in the right side panel.
For example, we can click on the “You might also like” text box and change the text to read, “Just for you.”
You can also make additional edits to the product element, like controlling how many products are featured and whether descriptions are shown:
When you’re happy with its appearance, we can move on to functionality. 🤓
Integrating Shopify with ConvertFlow means you can pull in product information automatically for your campaigns. And it makes it possible to customize your product recommendations for each shopper.
So to connect Shopify, go to your website’s dashboard in ConvertFlow and click “Settings” in the navigation menu on the left. Then click “Integrations” and find Shopify from the integrations menu:
Click “Connect.” Then add your “myshopify.com” URL and click “Connect Integration.”
Click “Install App” to verify the connection and ConvertFlow’s script will be added to your online store automatically. ⚡
Once you’re connected to Shopify, head back to your campaign to set up the recommended products.
You’ll want to start by setting the default product recommendations that will show up to shoppers who you have no data on—or otherwise don’t match the conditional recommendations you’re about to set up.
Select the products element in the builder, then click “Manage Products.”
Leave Shopify as the products source and select your default product filter from the dropdown menu:
Some of these filters will be more relevant for other campaigns like browse or cart abandonment.
For our purposes, we want to default to recommending products that are similar to the product the customer is currently viewing. So we’ll choose “Related To A Product.”
And then where it says, “Show Products Related To,” choose “Current Product Page.”
Set your fallback product manually in case there are no related products that Shopify can find.
Then choose the Product Relation Intent to determine what type of product recommendation is used:
There are additional options you can set here which are self-explanatory. But this will be sufficient for most use cases.
Continue with this step if you want to add personalized product recommendations based on shopper data.
(If you don’t want to set up conditional product recommendations right now, you can click “Done” and move on to the next step.)
Click “Add Conditional Product Recommendation.”
Then, click “Add Condition.”
There are dozens of conditions you can choose from in ConvertFlow related to the shopper’s location, site behavior, Shopify cart attributes, profile tags, segment, etc. And subscriber segmentation targeting conditions if you have other integrations connected, like Klaviyo or Attentive.
👉 Learn about every targeting condition type available in ConvertFlow.
You can add as many conditions as you’d like, as well as control whether all conditions must be met or any condition must be met for a particular product recommendation to show.
We’ll base our product recommendations on quiz answers:
Then click “Create Condition +.”
Choose which products to show under “Shopify Products Filter.” In our case, since the shopper told us they were shopping for furniture with a contemporary style in the quiz, we’ll show our contemporary furniture collection:
You can add as many conditional product recommendations as you need to show the right products to each shopper segment.
When you’re satisfied with your conditional settings, click “Done.”
Congrats on building your campaign 🤩
When you’ve got everything just how you want it, save and publish your changes.
Then, click “Preview” to test your campaign:
Here you’ll be able to test the functionality of your campaign just like a shopper would on your website. Product recommendations won’t show until it’s live on your website, so you’ll see placeholders here.
Click “Launch” to be taken to the launch page:
Here you can use an area snippet to choose where the embed displays and to which visitor segments.
Alternatively, you can get a developer to edit your Shopify product page template so you can copy-paste the embed code where you want it.
The easiest way to add product recommendations to a Shopify product page is to use an area snippet.
Choose which area of your site to display your campaign on or define your own:
Once an "area" snippet is installed in your theme, then you can choose targeting conditions based on page or audience attributes.
For example, we want the embed to appear on all product pages and to all shoppers. So we’ll add conditioning that places the embed on all URLs containing “/products/” and won’t define a customer segment:
👉🏾 Learn more about targeting options in ConvertFlow.
If you want more control over exactly where your Shopify product recommendations show, you’ll need to edit the product page template for your Shopify theme.
To do that, you’ll need to edit your product.liquid file and add the embed code where you want ConvertFlow to show in the product page template in your Shopify theme.
A developer can help you do that. Once they edit your product page template, you’ll be able to easily update your product recommendations embed whenever you want.
With your code placed or targeting conditions set, toggle the campaign activation switch to turn on the campaign:
You're live! 🚀
Feel free to head to your website to see your recommendations in action.
While Shopify Search & Discovery offers basic recommendation features, ConvertFlow enables you to show more relevant product recommendations to each customer.
And it doesn’t stop at product page embeds.
You can use ConvertFlow to create product recommendations for:
Create a free ConvertFlow account and integrate