Shopify quickstart

Socialphotos is designed to integrate with Shopify in a seamless way. Follow these few easy steps

Step 1. Install Socialphotos from the Shopify App Store.
We recommend that you select the premium option when you install Socialphotos so you can fully experience how Socialphotos can help your store. You can easily downgrade after your free trial period.
Step 2. Login into Socialphotos
  • Go to your Shopify dashboard
  • Click on Apps
  • Click on Socialphotos under Installed Apps and it will take you to your Socialphotos dashboard
Step 3. Enter your Instagram handle
  • From your Socialphotos dashboard, under Account, click on Settings, and then click on Instagram
  • Enter your Instagram handle
Step 4. Track a hashtag
  • Under Collect, click on Instagram Feeds
  • Click on Add a new hashtag and enter the hashtag that you want to track.
Step 5. Add an image to your gallery
  • Click on a photo, under Add to Gallery, click on the checkbox next to Frontpage gallery. This will add this photo into the Frontpage gallery.
Step 6. Display the Frontpage gallery in your Shopify store front page
  • Under Organize, click on Gallery, and then click on Frontpage Gallery


  • Click on Get embed code button.


  • You will see the HTML code for embedding the gallery.
  • Go to your Shopify's admin page and on the left side menu, click on Themes.


  • Under your current theme, click on the Actions button and then click on Edit code


  • Under Templates area click on the index.liquid template file.


  • Place the HTML code wherever you want the embed gallery to appear on your page.


  • Click on the Save button for the changes to take effect and you are done!
  • Note that the first time you did this, there is some syncing involve with Shopify so it may take a little bit of time.
Next Steps

Congratulations on integrating Socialphotos with Shopify and displaying your first gallery in your Store's front page. Here are some next steps you can consider:

Display a gallery on a page

Step 1. Get the code
  • Under Organize, click on Gallery, and then click on the gallery that you want to use.


  • Click Get embed code button.


  • Follow the instructions to copy the code. You will paste this code into your site.
Step 2. Modify your Shopify's page
  • Go to your Shopify dashboard
  • Click on Online Store
  • Click on Pages under Installed Apps and it will take you to your Socialphotos dashboard
  • Click on the page that you want to display the gallery or click on Add Page to create a new one.
  • Under Page details, click on the <> icon to show the HTML
  • Paste the code that you saved from Step 1 where you want the gallery to be
This video walks you through the above steps


Congratulations! You have now integrated your Socialphotos gallery onto your shop's page.

Display a product gallery on the product page

  1. Go to your Shopify administration Dashboard On the left side menu click "Themes".


  2. Under your current theme click Ellipsis button and click Edit HTML/CSS, as shown below.


  3. Under "Templates" area click on the product.liquid template file.


  4. Navigate to Product Galleries tab in Socialphotos admin panel
  5. Press "Get Embed Code"


  6. Copy code from modal window


  7. Place code wherever you want the embed gallery to appear on your product page.


  8. Click Save button to save the changes.


Does this page solve your problem?