Creating a Trending Wall for BigCommerce

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

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

1. Sign in to SiteVibes

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 "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.