Getting Started with Shopify

Introduction

This page will guide you in installing Socialphotos to your store and setting it up.
When you first install Socialphotos, there is a separate walkthrough that will guide you.
Here are the steps that we will follow:

  1. Install Socialphotos from the Shopify App Store.
  2. Connect your instagram
  3. Install the page gallery on your homepage
  4. Install the product gallery
  5. Add some photos to your page gallery
  6. Tag photos with some 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.
  • Engaging 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 + 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 the "Connect Instagram" button.
  • Socialphotos will fetch all your existing posts and tagged photos.
  • Mentioned photos will start appearing as your customers mentions you in their captions and comments.
  • You can also start tracking hashtags.

If you install the page gallery correctly, you should see something like this:


Install Product Gallery Advance Plan

The instructions given here gives you a general idea on how to install a product gallery to your site.
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.
  • Go to your Shopify Admin Themes.
  • Click on Actions and Edit Code
    Edit code
  • In the Templates section, click on product.liquid
    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.
    Insert code
  • Click Save
  • The product gallery will appear at the bottom of your product's pages.

Product Gallery Example

Gallery example

Tag Photos with Products Advance Plan

Now, we will tag some photos with a product so your gallery becomes Shoppable.
In addition, the photo will appear in that product's page.

  • Assuming you just completed the Add Photos to Page Gallery section,
    you should see Tag Product next to Add To Gallery.
  • Click on Tag Product.
  • Use the search bar and look for a product related to the photo.
  • Click on the tag with the plus sign.
    Tag photos with products
  • Visit your homepage, click on the photo and you should see the product's image instead of the caption.
    Shop this look feature
  • Click on the product's image and it will take you to that product's page.
  • You should see your product gallery populated with the image.
  • Repeat the above steps to tag more photos with products.

Congratulations

Congratulations! You are on your way to use social proof to build your brand and generate more conversions.