Getting Started with Shopify

Introduction

This page will guide you in integrating Socialphotos with your Shopify store. When you install Socialphotos, there is a set up wizard to guide you. The general steps are as follows:

Install Socialphotos from the Shopify App Store.
Connect your instagram.
Install the Page Gallery on your homepage.
Install the Product Gallery.
Add photos to your galleries.

Install Socialphotos

Get Socialphotos from the Shopify App Store. We integrate with Shopify to ensure that all the features work effortlessly. For example:

Tagging a product to dynamically display the photo in your product's page.
Emailing your customers to share their photos when their orders are delivered.
Shopify billing so all your invoices are in one place.
Super easy to cancel. Simply uninstall Socialphotos and your subscription is cancelled.
Integrate with your orders so you can see how Socialphotos improve your conversions and engagements.
Automatic product syncing.

Connect Instagram

Connecting your instagram will allow us to fetch all your posts, tags, @mentions, and #hashtags.

Go to Account → Settings → Instagram, and click on Connect Instagram. This opens a Facebook modal for you to grant Socialphotos access.
Follow the instructions that Facebook prompts you.
Socialphotos will fetch all your existing posts and tags. Note that this process may take some time.
@mentions will appear in Instagram → Mentioned Photos. @mentions works on both captions and comments.
Go to Instagram → Hashtags to start tracking #hashtags.

Instagram Limitations

Instagram API has certain limitations. We strongly recommend that you ask your customers to tag you in their posts as tags have the least restrictions. Instagram limitations include:

We cannot fetch past @mentions and #hashtags. We can only fetch @mentions and #hashtags starting today.
You can only track 30 #hashtags.
You have to reconnect every 90 days as your tokens expire. We will start notifying you 14 days before it expires.

Install Page Gallery

Go to your Shopify Admin Themes page
Click on Customize to start the Theme Editor

Scroll down until you see the Add Section and click on it

Under THEME SECTIONS, Scroll down until you get to APPS
Click on UGC Page Gallery

Enter Gallery ID into the Gallery ID field

Click Save
Check it on your website.

If you don't see your Page Gallery, contact us for help.

Go to your Shopify Admin Themes Page.
Click on Actions and Edit Code
In the Templates section, click on index.liquid
Copy the following code:
<div class="socialphotos-com-gallery slpht-clearfix" data-id="Gallery ID"></div>
Paste the code at the bottom of the index.liquid page.
Click Save
Check it on your website.

If you don't see your Page Gallery, contact us for help.

Start on your Page Builder's theme editor.
Click on Add Section and select HTML/Liquid.

Click Open Code Editor

Copy the following code:
<div class="socialphotos-com-gallery slpht-clearfix" data-id="Gallery ID"></div>
Enter the code for your gallery

Click Save & Close
Save your changes and publish
Check it on your website.

If you don't see your Page Gallery, contact us for help.

Install Product Gallery

Go to your Shopify Admin Themes
Click on Customize to start the Theme Editor

Click on Home page → Products → Default Product

On the product template's page, scroll down the left navigation until you see Add Section and click on it

Under THEME SECTIONS, Scroll down until you get to APPS
Click on UGC Product Gallery

Click Save
Check it on your website.

Go to your Shopify Admin Themes Page.
Click on Actions and Edit Code
In the Templates section, click on product.liquid
Copy the following code:
<div class="socialphotos-com-gallery slpht-clearfix" data-uid="shopify-domain.myshopify.com"></div>
Paste the code at the bottom of the product.liquid page.
Click Save
Check it on your website.

Start on your Page Builder's theme editor.
Click on Add Section and select HTML/Liquid.

Click Open Code Editor

Copy the following code:
<div class="socialphotos-com-gallery slpht-clearfix" data-uid="shopify-domain.myshopify.com"></div>
Enter the code for your gallery

Click Save & Close
Save your changes and publish
Check it on your website.

Adding Photos To Gallery

Adding photos to a gallery takes seconds. Each photo has a Quick Add/Tag where you can search for a gallery or product to add and tag.

Click on Quick Add/Tag.
A list of galleries & products will appear.
Type in your galleries' title to filter, and then click on it.
That photo is now added to that gallery.
Repeat the above steps to add more photos.

Tagging Products

When you add a product, that photo is added to that product's page. The gallery also turns Shoppable so potential customers can SHOP THE LOOK. For a live demonstration of the Product Gallery, checkout our demo store item: ADDIDAS STAN SMITH . For a demo of Shoppable Gallery, visit here.

Ex: Product Gallery

Ex: Shoppable Gallery

Go to your Shopify Admin Themes page
Click on Customize to start the Theme Editor

Scroll down until you see the Add Section and click on it

Under THEME SECTIONS, Scroll down until you get to APPS
Click on Instagram Post Gallery

Click Save
Check it on your website.

If you don't see your Instagram Post Gallery, contact us for help.

Go to your Shopify Admin Themes Page.
Click on Actions and Edit Code
In the Templates section, click on index.liquid
Copy the following code:
<div class="socialphotos-com-gallery" data-uid="shopify-domain.myshopify.com" data-gallery-type="instagram-post-gallery"></div>
Paste the code at the bottom of the index.liquid page.

Click Save
Check it on your website.

If you don't see your Instagram Post Gallery, contact us for help.

Navigating Socialphotos

Getting Started → Setup Guide

When you first install Socialphotos, it will take you through the setup guide. You can revisit it at any time to see if you missed anything. It's not required to complete the setup guide as you want to explore Socialphotos yourself.

Collect & Curate → Instagram

Clicking on Instagram will expand the sub menus so you can curate from your posts, tags, mentions, and hashtags.

Collect & Curate → Customer Uploads

Customer Uploads is where you go to curate photos that users directly upload on your website.

Collect & Curate → Bulk Uploads

Bulk Uploads is where you can upload your own customer photos and add them to your galleries.

Collect & Curate → Favorites

Photos that are added to a gallery or tagged with a product appears in your Favorites.

Display → Galleries

Clicking on Galleries will expand the submenus for Page Gallery and Product Gallery.

Under "Page", you can customize, create, delete and see all your page galleries.
Under "Product", you can customize your product gallery and sync your Shopify products.

Analytics → Reports

Reports page shows analytics on user impressions and engagements.

Settings

The settings section contains profile, email notifications, Instagram connection, and subscription plan.