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:

  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 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 Instagram Post Gallery

  1. Go to your Shopify Admin Themes page
  2. Click on Customize to start the Theme Editor
  3. store-2.0-customize
  4. Scroll down until you see the Add Section and click on it
  5. store-2.0-add-section
  6. Under THEME SECTIONS, Scroll down until you get to APPS
  7. Click on Instagram Post Gallery
  8. add-section-instagram-post-gallery_2x
  9. Click Save
  10. Check it on your website.

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

  1. Go to your Shopify Admin Themes Page.
  2. Click on Actions and Edit Code
    shopify_install_edit_code
  3. In the Templates section, click on index.liquid
    shopify_install_index
  4. Copy the following code:
    <div class="socialphotos-com-gallery" data-uid="shopify-domain.myshopify.com" data-gallery-type="instagram-post-gallery"></div>
  5. Paste the code at the bottom of the index.liquid page.
  6. vintage-code-instagram-post-gallery_2x
  7. Click Save
  8. Check it on your website.

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