Creating a Trending Wall for Shopify

Created by Mike Matker, Modified on Wed, 11 Aug, 2021 at 11:44 AM by Mike Matker

To have the SiteVibes Trending Wall display on your Shopify site simply follow the steps below.

1. Sign in to SiteVibes

2. Creating a Trending Wall on Shopify

In your Shopify dashboard, you will need to create a new Page. To do this, log into Shopify and navigate to "Online Store" -> "Pages".

Create a new Page.

After you have named the page and assigned its URL, click the Show HTML button.

Copy the SiteVibes div tag and place it on the new Trending page you created.

<!-- SITEVIBES start -->
<div class="grid-container" id="sv-container"></div>
<!-- SITEVIBES end -->

HTML

*Note: the id="sv-container" can use your own page id. You must change it though in "Trends" -> "Shopping Wall" in the Product Page Selector to your id.

3. Customize your Trending Wall

In your dashboard click "Trends" -> "Shopping Wall". This will give you options to customize font size, colors, icons, and more. If you are using your own id instead of sv-container, please change Product Page Selector to match your div id starting with a #.

4. Save all settings and test

Once you've updated and saved all your settings, you can navigate to your trending wall to look for trending products.

**Note - Trending Products only display as customers start interacting with products (viewing, adding to cart, purchasing, etc.).

If you have any issues, please submit a support ticket for our team to help you.