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


1. Sign in to SiteVibes


Sign in to your SiteVibes account either through our web app or your BigCommerce store. 


2. Creating a Trending Wall on BigCommerce 


In your BigCommerce dashboard, you will need to create a new Webpage.  To do this, log into BigCommerce and navigate to "Storefront" -> "Webpages".   



Create a new Webpage. 



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




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 "Trending Wall" -> "Settings" in the Product Page Selector to your id.


3. Customize your Trending Wall


In your dashboard click "Trending Wall" -> "Settings".  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.