To have SiteVibes Trending Social (social galleries and shoppable Instagram) 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. Connect your Instagram Account


In your dashboard click "Trending Social " -> then click "Settings" 




In your Settings, click "Connect with Facebook/Instagram Account".  provide appropriate Facebook login information and grant SiteVibes permission.


HTML
HTM


3. Customize & Fetch User-generated content 


In your dashboard click "Trending Social" -> "Setting".  This will give you options to determine which hashtags you want to pull media for, capture media when you were mentioned, and more!  You can also customize, text, colors, font size, and more as well.




4. Request Image Permission and merchandise an image 


Once SiteVibes starts collecting images from Instagram, you will be able to automatically request permission to use an image directly in the Social Stream.  Once permission has been granted, you can merchandise the image with the products you sell and connect them directly to the image.  This image will be displayed on your site where you see fit.  You can choose to display the image on the Trending Wall a dedicated Social Gallery page, or directly on the product detail page of the items merchandised in the image.


5. Creating a Social Gallery 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.




In the HTML editor popup, add the below div tag and save.


<!-- SITEVIBES Gallery start --><div id="sv-social-gallery"></div><!-- SITEVIBES Gallery end -->
HTML



6. Create Social Gallery Page on SiteVibes 


After your webpage has been set up in BigCommerce, navigate back to the SiteVibes app.  From there navigate to "Trending Social" -> "Social Gallery".  This is where you can create as many social gallery pages as you would like.  Simply click "Add Trigger" and go through the steps to set up your social gallery.  The Trigger URL will be the new webpage with the above HTML code.  



7. Save all settings and test 


Once you've updated and saved all your settings, you can navigate to your social gallery to look for user-generated content.


**Note - Images need to be merchandised with products before they appear on your Social Galleries.


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