Website integration

The website integration lets you attach Socialphotos photo gallery to the website. You only need to do this once and it takes less than 5 minutes!

Include JavaScript SDK

Include the JavaScript SDK on your page once, ideally into the <head> section.

Place embed code

  1. Open Galleries and pick the gallery you'd like to integrate on your page.
  2. Click Get embed code button in the upper right corner.
  3. Copy and Paste the embed code wherever you want the Socialphotos widget to appear on your page. Done!

Upload products list

  1. To upload your products list, you should prepare and upload CSV file. CSV must contain:
    • id: product identificator in your system
    • title: product name
    • url: product full url
    • image: product image full url
  2. Navigate to  Product Galleries tab and press upload. In opened window choose your CSV file and upload will start.

Example CSV file:

Display a product gallery on the product page

  1. Navigate to Product Galleries tab in Socialphotos admin panel
  2. Click on "Get Embed Code"
  3. Copy code from modal window
  4. Place code wherever you want the embed gallery to appear on your product page.
  5. Be sure you programmatically change data-product-id attribute to id you provided in uploaded CSV file.