Docs

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.

The Unbxd extension does not change or modify the design of your ecommerce application in any manner.

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:

  1. On the Shopify App store go to Unbxd Recommendations app.
  2. Click Get and then click Install App to start the installation.
Once the installation is completed, you will be redirected to your Unbxd Recommendations console and the app will appear in the installed apps section on your Shopify dashboard.

Product Feed Sync

Once the app is correctly installed, it automatically gathers the product catalog data from your Bigcommerce 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:

  1. On your Shopify store's admin panel, click on Online Store.
  2. Click on Themes.
  3. Based on your requirement, click more options for either Desktop or Mobile Theme.
  4. Click Edit HTML/CSS.
  5. Locate the theme.liquid file within the Layouts section.
  6. 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.

It is highly recommended to not integrate the Viewed also Viewed and Bought also Bought widget together on the same PDP (Product Detail Page) as it would prevent the widgets from showing duplicate products. This scenario may arise right after integrating the widgets due to the lack of site data.

Recommendation WidgetCode snippetTemplate 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/td><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

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.

Important:

The estimated time to display the recommendations might vary depending on the size of the catalog, traffic on your online store and a few other factors. Most of the widgets will start displaying relevant recommendations a week after installation.