Install Socialphotos on Shopify Themes

Overview

Socialphotos works with all Shopify themes, including modern Online Store 2.0 themes and older or custom themes.

Most merchants can install Socialphotos galleries using Shopify’s built-in app blocks, with no code required. If your theme does not support app blocks, you can still embed galleries using a simple HTML snippet.

Recommended: Install using Shopify App Blocks (Online Store 2.0)

This is the easiest and recommended way to install Socialphotos on most Shopify themes. App blocks are supported by the majority of Online Store 2.0 themes.

  1. Go to Shopify admin → Online Store → Themes.
  2. Click Customize on your active theme.
  3. Navigate to the page where you want to show UGC (home, product, collection, or page).
  4. Click Add section or Add block.
  5. Select Apps, then choose a Socialphotos gallery block.
  6. Save your changes.

Once added, your gallery will automatically display the UGC you’ve selected in Socialphotos. No code or theme editing is required.

If your theme does not support app blocks

Some older or heavily customized themes may not support Shopify app blocks. In this case, you can embed a gallery manually using a small HTML snippet.

  1. In Socialphotos, go to Galleries and open a Page Gallery.
  2. Copy the gallery ID shown next to the gallery title.
  3. Go to Shopify admin → Online Store → Themes → Customize.
  4. Add a Custom HTML or Custom Liquid section.
  5. Paste the following code, replacing GALLERY_ID with your actual ID:
<div class="socialphotos-com-gallery slpht-clearfix" data-id="GALLERY_ID"></div>

Save your changes, and the gallery will appear on the page.

Using Page Builders

If you’re using a page builder like PageFly, GemPages, or Shogun, Socialphotos integrates directly with them.

See the Page Builders documentation for step-by-step instructions.

On This Page