Getting Started with Shopify
Introduction
This page will guide you in integrating Socialphotos with your store. When you first install Socialphotos from Shopify App Store, a set up guide will help you integrate. The steps are outlined 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
- Tag photos with products
Install Socialphotos from the Shopify App Store
Socialphotos is exclusively on the Shopify App Store.
Our deep integration with Shopify ensures that all of our features work seamlessly.
Here are some examples:
- Tag a photo with a product and that photo will appear on that product's page.
- Emailing your customers to share their experience when their orders are delivered.
- Shopify billing for your protection and convenience. There is one less payment vendor you have to worry about.
- Analytics on impressions, engagements, sales, and conversions.
- Sync automatically with Shopify and many more...
Connect Instagram
Connecting your instagram will allow us to fetch your posts, tagged photos, mentioned photos, and any hashtags you are tracking.
-
Go to your Instagram Settings Page
or from the left menu, navigate to Account → Settings → Instagram, and click on Connect Instagram. - Socialphotos will fetch all your existing posts and tagged photos.
- Mentioned photos will start appearing as your customers mentions you in captions and comments.
- You can also start tracking hashtags.
Install Page Gallery Basic Plan
To get specific step by step instructions for that specific gallery,
- Go to your galleries page.
- Click on the gallery you want to install.
- Click on the Install button on the top right.
- The step-by-step instructions to install that specific gallery will be listed to you.
Online Store 2.0 Themes
- Go to your Shopify 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
- Enter 1234 into the Gallery ID field
- You should see the page gallery appear on your page inside the Theme Editor
- Click Save and you're done!




Vintage Themes
- Go to your Shopify Admin Themes.
-
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="1234"></div>
-
Paste the code at the bottom of the index.liquid page.
- Click Save
The page gallery will appear at the bottom page of your website.
Install Product Gallery Advance Plan
To get specific step by step instructions for your product gallery:
- Go to your products page.
- Click on the Install button on the top right.
- The step-by-step instructions to install the product gallery will be listed to you.
Online Store 2.0 Themes
- Go to your Shopify Admin Themes
- Click on Customize to start the Theme Editor
- Click on a product to see the Default product theme
- 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 Product Gallery
- You should see the product gallery appear on your page inside the Theme Editor
- Click Save and you're done!



Vintage Themes
- Go to your Shopify 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="store-name.myshopify.com"></div>
-
Paste the code at the bottom of the product.liquid page.
- Click Save
The product gallery will appear at the bottom of your product's pages.
Product Gallery Example

Add Photos to Page Gallery
If you have followed the guide so far, you should have a page gallery installed and your Instagram is connected.
Let's add some photos from your Instagram to your page gallery.
- Under Collect & Curate, click on Instagram, and then click on Posts.
- Click on a photo that you want to add to the page gallery.
- Ensure that the Add To Gallery tab is highlighted.
-
Under action, click on the ➕ sign to add the photo to your desired gallery.
- Visit your homepage and the photo is displayed as part of your gallery.
- Repeat the above steps to add more photos to your gallery.
Product Testimonials Advance Plan
Tagging photos with products does 2 things:
- The photo gets displayed on that product's page
- Your Page Gallery becomes Shoppable and customers can shop for that product while browsing your gallery.
Let's tag some products from your Instagram so those photos appear on your product's page.
- Under Collect & Curate, click on Instagram, and then click on Posts.
- Click on a photo that you want to appear on your product's page.
- Click on Tag Product tab.
- Use the search bar and look for a product related to the photo.
-
Under action, click on tag icon to tag the photo with that product.
- Visit that product's page and you should see that photo.
- Repeat the above steps to tag more photos with products.
Shoppable Gallery Advance Plan
If you have a photo that is tagged with a product AND added to a page gallery, that photo becomes Shoppable on your page gallery.
Your customers can SHOP THE LOOK when they are browsing your gallery.
Example: Product Gallery Advance Plan
When you tag a product with a photo, that photo will appear on that product's page.

Customize Page Gallery
This guide walks you through customizing your page galleries.
- Go to your Galleries page.
- Click on the gallery that you want to customize.
- Click on the Customize button.
- After you made the changes, make sure to click the Save button.
- The updates are instant. Go to your site and check on your customized gallery.
Customize Product Gallery
This guide walks you through customizing your product gallery. Unlike page galleries, product gallery have one template that you customize for all your products.
- Go to your Products page.
- Click on the Customize button.
- After you made the changes, make sure to click the Save button.
- The updates are instant. Go to your products' pages and check on your customized gallery.
Help With Customization
We are constantly improving Socialphotos to provide you with more options to customize your galleries. Please reach out if something does not meet your needs and our support team is happy to help you.
Track Hashtags
This guide walks you through tracking hashtags on Instagram. You can track up to 30 hashtags (limit set by Instagram)
- Go to your Instagram Hashtags page.
- Click on Add.
- Enter the hashtag that you want to track and click on Create.
- Now you can add these photos to your galleries and tag them with products.
- Repeat the above steps to track additional hashtags.
Your Instagram Hashtags page contains all the photos from all your hashtags to give you a central location to curate for your galleries. You can click on an individual hashtag to focus on photos from that hashtag.