Creating Social Galleries On Shopify

Created by Mike Matker, Modified on Fri, 8 Oct, 2021 at 2:53 PM by Mike Matker

To display SiteVibes Social Galleries on your Shopify site simply follow the steps below.

1. Sign in to SiteVibes

2. Connect your Instagram Account

In your dashboard click "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 "Social" -> "Settings". 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 in SiteVibes

To add Social Galleries to pages, i.e. dedicated page or Product Detail Page, navigate to Social -> Galleries and click "Create New Gallery". Follow the steps for creating a normal gallery or a Product Detail Page Gallery. For PDP Galleries, use the Product Display Page option instead of Custom.

6. Display a Social Gallery

To display your Social Galleries on pages, i.e. dedicated page or Product Detail Page, navigate to Social -> Galleries and click on the gallery you created and want to display. Navigate to the "Triggers" section of the gallery and copy the generated div tag. Paste that div tag on the page(s) you'd like to display the gallery.

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

In the HTML editor popup, add the div tag generated on the social gallery you created found in the "Triggers" section and save.

HTML

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