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 Page Gallery.
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 Basic Plan
You can have an unlimited number of Page Galleries and you can embed them on any page. For example, you can have a Customer Photos gallery on your home page, a Blog Photos gallery for your blogs.
For a live demonstration of the Page Gallery, checkout our demo store here.
Socialphotos works on both the new Online Store 2.0 themes and Vintage themes. Follow the instructions for your theme version.
Online Store 1.0 (Vintage) Theme
- Go to your
Go to your Shopify Admin Themes.
The URL should be something like
https://store.myshopify.com/admin/themes. -
Click on Actions and Edit Code
-
In the Templates section, click on index.liquid
- In Socialphotos, go to Galleries → Page and click on a gallery.
-
Take note of the ID next to gallery's title. It looks like
ID: 12345. This is your GALLERY_ID. -
Copy the following code
<div class="socialphotos-com-gallery slpht-clearfix" data-id="GALLERY_ID"></div>but replace the GALLERY_ID with your GALLERY_ID that you got from the last step. -
Paste the code at the bottom of the index.liquid page.
- Click Save
Online Store 2.0 Theme
-
Go to your Shopify Admin Themes.
The URL should be something like
https://store.myshopify.com/admin/themes. - 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
- In Socialphotos, go to Galleries → Page and click on a gallery.
-
Take note of the ID next to gallery's title. It looks like
ID: 12345. This is your GALLERY_ID. - Enter GALLERY_ID into the Gallery ID field
- Click Save
Congratulations!
If you have successfully embed the Page Gallery on your website, you should see something like this:
Now you and your visitors can upload photos from your homepage. Uploaded photos will appear on your Site Uploads Page.
If you encounter any issues, please contact us, and we will help you.
Install Product Gallery Advance Plan
You install the Product Gallery once on your product template, and the gallery changes automatically based on the product page. For example, when you tag a product on a photo, that photo will appear on that product's page.
For a live demonstration of the Product Gallery, checkout our demo store item: ADDIDAS STAN SMITH.
Socialphotos works on both the new Online Store 2.0 themes and Vintage themes. Follow the instructions for your theme version.
Vintage Theme
-
Go to your Shopify Admin Themes.
The URL should be something like
https://store.myshopify.com/admin/themes. -
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="MYSHOPIFY_DOMAIN"></div>, but replace MYSHOPIFY_DOMAIN with yourstore.myshopify.com. - Paste the code at the bottom of the product.liquid page.
- Click Save
Online Store 2.0 Theme
-
Go to your Shopify Admin Themes.
The URL should be something like
https://store.myshopify.com/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
Congratulations!
If you have successfully embed the Product Gallery on your website, you should see something like this:
Now you and your visitors can upload photos from your product's page. Uploaded photos will appear on your Site Uploads Page.
If you encounter any issues, please contact us, and we will help you.
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
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 → Site Uploads
Site uploads is where you go to curate photos that users directly upload on your website.
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.