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 admin Dashboard and on the left side menu click Themes.
  5. Under your current theme click on ellipsis button and choose Edit HTML/CSS, as shown below.
  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 Save button to complete the process. Done!

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.