How To Guide

How Socialphotos galleries are embedded

Socialphotos is a Shopify app and follows Shopify’s recommended approach for embedding apps using theme app extensions.

Galleries are added through the Shopify theme editor, just like other modern Shopify apps. Shopify automatically loads the required scripts for you.

You do not need to paste HTML code or load any embed scripts.

All steps below assume you are using a Shopify Online Store 2.0 theme. If you are using an older legacy (Vintage) theme, embedding is still supported but requires manual code changes. See the Vintage Themes guide for details.

Want to see how it looks on a real store? View our live demos .

Create a customer photos and videos page

A customer photos and videos page lets you showcase UGC in one place, such as a dedicated social proof or community page. This is usually built with a UGC Page Gallery.

Live examples: UGC Page Gallery (vertical layout) and UGC Page Gallery (horizontal layout) .

Customer photos page example

Steps

  1. Go to Shopify admin → Online Store → Themes.
  2. Click Customize.
  3. Use the page selector to navigate to the page where you want the gallery to appear. If you do not have a page yet, create one in Online Store → Pages, then return here.
  4. Click Add block (or Add section, depending on your theme).
  5. Under Apps, select UGC Page Gallery by Socialphotos.
  6. Select the gallery you want to display.
  7. Click Save.

Once saved, the gallery will render automatically on your live storefront.

The UGC Product Gallery displays tagged customer content directly on your product pages. This helps build trust at the point of purchase.

Live example: View UGC Product Gallery on a product page .

Steps

  1. Go to Shopify admin → Online Store → Themes.
  2. Click Customize.
  3. Use the page selector to open your Product template.
  4. Click Add block (or Add section, depending on your theme).
  5. Under Apps, select UGC Product Gallery by Socialphotos.
  6. Click Save.

Make sure your UGC has products tagged. Tagged content will automatically appear on the corresponding product page.

You can add a UGC Page Gallery to blog pages using the same theme editor flow. This is useful for lookbooks, launch posts, and community content.

  1. Open Online Store → Themes → Customize.
  2. Use the page selector to choose your blog page or blog template.
  3. Click Add block (or Add section, depending on your theme).
  4. Under Apps, select UGC Page Gallery by Socialphotos.
  5. Select the gallery you want to display.
  6. Click Save.

The gallery will automatically match the width and layout of your blog.

The gallery is not showing. What should I check?

If a gallery does not appear on your site, check the following:

  • The gallery block is added to the correct page or template in the theme editor.
  • You clicked Save in the Shopify theme editor.
  • The selected gallery contains UGC.
  • You are viewing the page on your live storefront, not only the editor preview.

Socialphotos galleries only render inside a Shopify storefront where the app is installed.

Can I embed Socialphotos on a non-Shopify site?

No. Socialphotos galleries only work inside a Shopify storefront where the app is installed.

Shopify automatically loads the required app scripts. Socialphotos does not provide a standalone embed script for external sites such as custom React apps, member portals, Webflow, or other non-Shopify pages.

On This Page