What is shoppable UGC? How it works, where it goes and how to measure it
Shoppable UGC is customer content tagged with the products in it. A shopper can buy from the post. The six steps, the formats, where it appears and how to count the sales honestly.
A customer posts a photo in your jacket. She is also wearing the scarf and boots she bought. On most stores that photo sits in a gallery as decoration. A shopper who likes the scarf has to go and find it. Shoppable UGC is the version where she taps the scarf and adds it to her cart.
In this article
Shoppable UGC, defined
User-generated content is anything a customer makes about your product. That means photos, videos, reviews and social posts. Our guide to UGC in ecommerce covers the basics.
UGC becomes shoppable when each piece is linked to the products in it. The link is a product tag. A tag carries the product's name, price and variants from your catalogue. Tap the post and the tagged products appear, with a way to buy.
Three things separate it from a plain social feed. Products are tagged on the post. The shopper can act on the tag, ideally adding to cart in place. And the order can be traced back to the post. A feed with none of these is a gallery of pictures.
How shoppable UGC works, step by step
From a customer post to a counted sale
- 01
Collect
Pull posts from social and review sites, or ask buyers to upload.
- 02
Clear rights
Ask the creator and keep a record of the yes.
- 03
Tag products
Link each post to the catalogue products it shows.
- 04
Publish
Place a gallery or video on the pages that need proof.
- 05
Add to cart
The shopper picks a variant and adds it from the post.
- 06
Attribute
Match the order back to the post the shopper touched.
Collect. Idukki pulls from Instagram, TikTok, YouTube, X, LinkedIn and Threads. It imports Google, Trustpilot, TripAdvisor and Judge.me reviews. Buyers can also upload photos and videos on your store.
Clear rights. A public post is not permission to sell with it. Ask the creator, and store their answer with a date. Our rights tools guide covers what a good record holds.
Tag products. One post can carry several tags, one for each item in it. AI can suggest tags, and you approve them. On video, a tag can carry a timestamp. The product then shows while it is on screen.
Add to cart. Idukki adds to cart inside the gallery on six platforms. They are Shopify, WooCommerce, Magento, BigCommerce, PrestaShop and Salesforce Commerce Cloud. On other platforms the product page opens.
Attribute. On Shopify, each order is matched from the store's own order webhook. A browser pixel alone misses orders. The how it works page walks through all seven of our steps.
The formats shoppable UGC takes
| Format | What the shopper sees | Where it fits |
|---|---|---|
| Grid | Tiles of posts; tap one to see tagged products | Home page, collection pages, a UGC page |
| Carousel | One row of posts that scrolls sideways | Product pages with little space |
| Shoppable reel | Vertical videos with a product card | Product pages and home page, on mobile |
| Hotspot pins | Pins on the image or video over each product | Outfit and room photos with many items |
| Lookbook | A mobile page of posts shared as one link | WhatsApp, email and seasonal drops |
You can set the pin style and colour. Pins can also stay hidden until the shopper taps the image. The lookbook builds one page per rights-cleared post and can carry an offer that expires.
Where shoppable UGC appears
- Product pages. Posts tagged with that product, near the buy box. See gallery placement and add-to-cart rate.
- Home and collection pages. A grid or reel across many products.
- Email. A Klaviyo-compatible web feed returns product-tagged posts, filtered by product. A flow can show customer photos next to the product.
- Campaign pages. One public URL tells a story in customer posts. It lists their products, with an optional offer. See campaign pages.
- In store. Scan to Shop prints a QR code for a product or collection. Shoppers scan it, see real customers using it, then buy online. See Scan to Shop.
How to measure shoppable UGC
Most vendor pages on this topic count clicks and stop. Clicks tell you people looked. Orders tell you it sold. Keep two order numbers apart.
Proven orders
The shopper added the product to cart from the gallery, then bought.
Wins at
- Hard to dispute
- Ties revenue to one post
Struggles with
- Undercounts the effect
- Misses shoppers who bought later another way
Influenced orders
The shopper saw or clicked the content, then bought another way.
Wins at
- Shows the wider reach
- Catches the browse-then-search path
Struggles with
- Weaker link to the post
- Never add it to proven
How Idukki reports them. The two are never added together.
Treat proven revenue as a floor. If a report adds influenced orders on top, the total is no longer a measurement. Ask any vendor which column a number came from.
Two rates help as well. Click rate is clicks divided by impressions the widget served. Conversion rate is proven orders divided by engaged visitors. Read more in how to measure UGC ROI.
Where shoppable UGC goes wrong
- Tags that go stale. A tag pointing at a sold-out or deleted product sends shoppers to a dead end. Sync tags with the catalogue.
- No rights record. Selling from a post you never cleared invites a takedown request.
- A heavy widget. Every gallery loads a script. Ours downloads 79 KB of core code before it renders. Ask any vendor for their number.
- Counting clicks as sales. A click report says nothing about orders.
Tools that make UGC shoppable
Many apps do this, and they differ on sources, platforms and billing. We keep the comparisons in two guides. Read the best UGC platforms for Shopify for Shopify stores. Read the buyer's hub for the wider market. We make Idukki, and both guides say so.
To upgrade a gallery you already run, read five ways to make your UGC gallery shoppable.
Questions about shoppable UGC
What is shoppable UGC?
Customer photos, videos and reviews tagged with their products. A shopper can buy straight from the post.
What is the difference between a UGC gallery and shoppable UGC?
A gallery shows posts. Shoppable UGC adds product tags, a way to buy and order tracking.
Do I need permission to make customer posts shoppable?
Yes. Ask the creator and keep a dated record. Selling with a post needs more than a public link.
Can shoppers add to cart without leaving the gallery?
On Idukki, yes, on six platforms including Shopify and WooCommerce. Elsewhere the product page opens.
How do I know if shoppable UGC is working?
Count proven orders: gallery add-to-cart, then purchase. Report influenced orders beside them, never added on top.
Sources
- 1Idukki: how it works · The seven steps and the proven revenue definition.
- 2Idukki: attribution · Proven and influenced orders kept in separate columns.
- 3Idukki: Klaviyo integration · Web feed of product-tagged posts for flows and campaigns.
- 4Idukki: Scan to Shop · In-store QR codes that open customer posts.
- 5Idukki: campaign pages · One shoppable URL per campaign.
- 6Idukki: what is a UGC gallery? · The gallery itself: sources, layouts, rights and speed.
- 7Taggbox: shoppable UGC platform · A ranking vendor definition. Read 13 October 2026.
- 8Flockler: shoppable UGC galleries · A ranking vendor definition. Read 13 October 2026.
Continue reading
2 pieces in this clusterThese long-form pieces on the Idukki blog link back to this article, go deeper on the cluster.
- Strategy
What is a social media wall? Examples, uses and how to run one
A social media wall is a live, moderated display of social posts. Where walls appear and how they work. Moderation, rights, an event checklist and how to measure one.
- Strategy
What is a UGC gallery? What goes in one, the layouts and where to put it
A UGC gallery is a block on your site that shows customer photos, videos and reviews. What goes in one, where it comes from, the layouts, rights and page speed.
More from Rohin Aggarwal
- Strategy
Syndicating reviews across variants and PDPs
Review syndication shares one product's reviews across its genuine variants so every colourway page shows real depth, not an accidental near-zero. Do it honestly.
- Strategy
Music licensing in UGC video, the hidden legal risk
A UGC video can be cleared on every frame and still expose you, because the music under it carries separate rights. The most common hidden rights problem in UGC.
- Strategy
GDPR, consent and UGC
UGC shows identifiable people, so it is personal data under GDPR. A defensible programme records scoped permission, honours removal requests, and minimises what it holds.