Unbxd Recommendations - Shopify
The Unbxd Recommendations app for Shopify offers personalized recommendations to visitors based on their activities on your online store which are tracked and analyzed. This app is tailored to integrate seamlessly with your Shopify store.
In this section, you will learn how to install and configure the Unbxd Recommendations app in your store.
Prerequisite
Before you start installing the app, ensure that you have an Unbxd Recommendations account. If do not have an account yet, you can sign up with Unbxd Recommendations here.Installation
The Unbxd Recommendations app is readily available in the Shopify app store. Follow the below steps to install the app.
Steps:
- On the Shopify App store go to Unbxd Recommendations app.
- Click Get and then click Install App to start the installation.
Product Feed Sync
Once the app is correctly installed, it automatically gathers the product catalog data from your Shopify store. So there is no need to upload or sync your catalog data separately.
Unbxd Analytics Integration
Integrating Unbxd Analytics will be your next step. Integrating Unbxd Analytics is important for:
- the Recommendation algorithm to understand the browsing behavior of visitors on your store in order to showcase relevant and personalized recommendations.
- generating reports on the Recommendations console to provide insights on performances of each widgets.
Learn more about Unbxd Analytics.
To integrate analytics, you would need to add a code snippet in the theme.liquid file found in the Layout section of your store's Themes. To locate the theme.liquid file, do the following:
- On your Shopify store's admin panel, click on Online Store.
- Click on Themes.
- Based on your requirement, click more options for either Desktop or Mobile Theme.
- Click Edit HTML/CSS.
- Locate the theme.liquid file within the Layouts section.
- Paste the entire snippet within head tag. Ensure that you paste the code snippet just above the tag at the end of the page.
Analytics Code Snippet
{% include 'unbxd-analytics' %}
Once you have included the above code snippet, unbxd-analytics.liquid will appear under the Snippet section on your store.
Widget Integration
To integrate the recommendation widgets, a code snippet for each widget needs to be inserted on respective .liquid pages. The code snippets will enable the Unbxd recommendation engine to render widgets on their respective store properties.
The table below shows the HTML code snippets that needs to be pasted on the various templates for each widget type.
| Recommendation Widget | Code snippet | Template file |
|---|---|---|
| Recently Viewed | <div id="unbxd_recently_viewed"></div> | index.liquid |
| Recommended For You | <div id="unbxd_recommended_for_you"></div> | index.liquid |
| More Like These | <div id="unbxd_more_like_these"></div> | product.liquid |
| Viewed also Viewed | <div id="unbxd_also_viewed"></div> | product.liquid |
| Bought also Bought | <div id="unbxd_also_bought"></div> | product.liquid |
| Cart Recommendations | <div id="unbxd_cart_recommendations"></div> | cart.liquid |
| Homepage Top Sellers | <div id="unbxd_top_sellers"></div> | product.liquid |
| Category Top Sellers | <div id="unbxd_category_top_sellers"></div> | product.liquid |
| Brand Top Sellers | <div id="unbxd_brand_top_sellers"></div> | product.liquid |
| Product Detail Page Top Sellers | <div id="unbxd_pdp_top_sellers"></div> | product.liquid |
| Complete the Look | <div id="unbxd_complete_the_look"></div> | product.liquid |
Once you have successfully inserted the code snippets, the widgets will start generating recommendations as soon as they obtain the required information from your website.