Organize & tag content

Manage UGC: tag products and add to galleries

Choose content to feature in a page gallery, or tag products to connect content to your product pages. Product tagging and product galleries require Advanced or Premium; video display requires Premium. Content can come from any of the four content sources:

  • Instagram: feeds, tags, mentions, hashtags, links
  • Customer uploads
  • Your uploads (bulk uploads)
  • Upload Pages: submissions collected through a shareable link

Open a UGC item

  1. Go to Favorites → Content.
  2. Click the UGC item you want to edit.
  3. The UGC detail page will open. It contains three tabs: Add To Gallery, Tag Product, and Tagged Product.

Add content to a gallery or tag a product

Use Add To Gallery to select a page gallery, or Tag Product to select a Shopify product. You can use the same content in more than one gallery or tag more than one relevant product.

To display the selected content on your storefront, install the matching gallery in your Shopify theme. For the complete first-gallery walkthrough, see Getting started.

Remove a product tag from UGC

  1. Go to Favorites → Content.
  2. Click the UGC item you want to edit.
  3. Click the Tagged Product tab.
  4. Click the trash icon next to the product you want to remove.
Remove a product tag from UGC using the Tagged Product tab

The Tag Product action on the UGC list is for quick tagging only. Removing a product tag must be done from the UGC detail page.

Remove a UGC item from a gallery

  1. Open the UGC item.
  2. Click the Add To Gallery tab.
  3. Find the gallery and click the trash icon to remove the UGC from that gallery.

Tip: Every UGC item that is added to a gallery or tagged to a product appears in Favorites, making it the fastest place to locate and manage your content.

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. In Customize, choose Vertical Grid for browsing down the page, Horizontal Carousel for browsing through one or multiple rows, or Portrait Carousel for one row of tall cards. Videos require Premium; photos work in all three layouts. See the Customize Gallery Guide for layout settings, spacing, and video autoplay options.

Explore all gallery layouts: portrait carousel, horizontal carousel, and scrolling grid on one demo page.

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.

Your theme controls the space available to the gallery. Choose its layout and width in Socialphotos using Customize, then check the result on desktop and mobile.

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.

Frequently asked questions

How do I make customer photos shoppable on Shopify?

Open the customer photo in Socialphotos, choose Tag Product, and select the Shopify product shown. On Advanced or Premium, shoppers can then open that photo in a gallery and follow its product link.

How do I show the right customer photos on each product page?

Tag each photo with the matching product, then add the UGC Product Gallery to the product template in Shopify's theme editor. When a shopper views a product, the installed gallery displays content tagged to that product.

Does tagging a product add the photo to every gallery?

No. A product tag makes the content shoppable and associates it with that product's installed Product Gallery. Use Add To Gallery separately when you also want the content in a specific Page Gallery.

Which Socialphotos plans support product tagging and product galleries?

Product tagging and Product Galleries require Advanced or Premium. Displaying video in either Page or Product Galleries requires Premium.

On This Page