Integrate Socialphotos With Page Builders

  1. Start on your Page Builder's theme editor.
  2. Click on Add Section and select HTML/Liquid.
  3. install-pagefly-add-section
  4. Click Open Code Editor
  5. install-pagefly-body
  6. Copy the following code:
    <div class="socialphotos-com-gallery slpht-clearfix" data-id="Gallery ID"></div>
  7. Enter the code for your gallery
  8. install-pagefly-code-editor
  9. Click Save & Close
  10. Save your changes and publish
  11. Check it on your website.

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

  1. Start on your Page Builder's theme editor.
  2. Click on Add Section and select HTML/Liquid.
  3. install-pagefly-add-section
  4. Click Open Code Editor
  5. install-pagefly-body
  6. Copy the following code:
    <div class="socialphotos-com-gallery slpht-clearfix" data-uid="shopify-domain.myshopify.com"></div>
  7. Enter the code for your gallery
  8. install-pagefly-code-editor
  9. Click Save & Close
  10. Save your changes and publish
  11. Check it on your website.

GemPages Landing Page Builder

This tutorial shows how you can integrate Socialphotos Product Gallery with GemPages.

On This Page