Shopify integration

Integrating Socialphotos on your Shopify store is easy and it takes less than 5 minutes!

Before you get started, you need to install Socialphotos app from Shopify app store.

Display a gallery on the frontpage

  1. Open Galleries section and open the gallery.

  2. Click on Get embed code button.

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

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

  6. | Under Templates area click on the index.liquid template file.

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

  8. Click on the Save button for the changes to take effect and you are done!

  9. Note that the gallery will not show up if you do not have any images in the gallery.

Display a gallery on a separate page

  1. Open Galleries section and choose the gallery.
  2. Click Get embed code button.
  3. You will see the HTML code for embedding the gallery.
  4. Open Shopify admin Dashboard --> Online Store --> Pages --> Add a page.
    • Write the page title
    • Click Show HTML button
    • Paste the code into the text area
    • Click Save button to save the changes. Watch the tutorial video:
  5. Open Shopify admin Dashboard --> Online Store --> Navigation.
  6. Select Main Menu Link list and click Edit Link list button.
  7. Click Add another link button
    • Enter Link Name
    • From dropdown list select Page
    • From second dropdown list select previously created page.
    • Watch the tutorial video:
  8. Click Save button to complete the process. Done!

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?