Creating a Trending Wall for Shopify
Created by: Mike Matker
Modified on: Wed, 11 Aug, 2021 at 11:44 AM
To have the SiteVibes Trending Wall display on your Shopify site simply follow the steps below.
1. Sign in to SiteVibes
Sign in to your SiteVibes account through your Shopify store.
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 -->
*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.
Did you find it helpful?
Sorry we couldn't be helpful. Help us improve this article with your feedback.