A step-by-step guide to adding the Outfit block to your UniLink page so visitors can tap any item in your photos and buy it directly — turning your content into a shoppable storefront without needing a separate LTK or ShopMy account.
- The Outfit block lets you upload a photo, place dot markers on individual items, and attach a product name, brand, price, and affiliate buy link to each dot — visitors tap a dot and see a popup with the product details.
- Keep dots to three to five per photo; more than that makes the image feel cluttered and visitors stop clicking individual items when they cannot tell what each dot refers to.
- Always show the price — visitors who cannot see a price before clicking abandon the link at a dramatically higher rate than visitors who already know the price point.
- UTM-tag every affiliate link before you paste it; without UTM parameters you cannot see which specific tagged item is driving purchases, which makes it impossible to optimize your content.
The Outfit block solves a problem every fashion creator, lifestyle influencer, and interior designer knows well. You post a photo. Comments immediately fill with "where is that jacket from?" and "what lamp is that?" — and you spend the next hour replying one by one, or you paste a link-in-bio that sends everyone to a list of products with no visual context. The connection between the thing someone saw in the photo and the thing they can buy is broken, and broken connections lose sales. The Outfit block repairs that connection by making the photo itself the storefront. Every item you want to sell gets a dot directly on top of it in the image. The visitor sees the photo, taps the dot on the item they want, and gets the product name, brand, price, and buy link in a popup — right there, without leaving the page. It is the same mechanic used by LTK and ShopMy, built directly into your UniLink page so you do not need a separate account, a different app, or another link your audience has to navigate to.
What the Outfit block does
The Outfit block is a photo-based shoppable display. You start by uploading one or more photos — the block supports multiple images displayed as a carousel, so a single outfit post can show the full look from multiple angles, or you can use one block for an entire room with several photos of different sections. On each photo you place dot markers at the exact position of each item you want to tag. Each dot is individually configurable: you drag it to the right spot on the image, then fill in the product name, brand, price, and affiliate or buy link for that specific item. When a visitor taps or clicks a dot on the live page, a popup appears showing the product information and a button that opens the buy link. The popup style can be set to a full card (photo preview of the product, brand, name, price, and button) or a minimal style (name, price, and link only, for a less obtrusive experience).
Each dot's visual appearance is also customizable — you control the dot color, size, and whether it pulses to draw attention. A pulsing animation is useful when the photo is complex and you want to make sure visitors notice all the tagged items; a static dot works better on clean, simple images where the dot placement is already obvious. If you have multiple photos in the block, each photo has its own independent set of dots — the tags do not carry across images, which makes sense because a product tag needs to sit on top of the specific item in that specific photo.
The Outfit block is not a product listing or a catalog. It does not connect to any external inventory system or affiliate network — you enter the link and price yourself, which means you can use any affiliate program you are already enrolled in: Amazon Associates, ShareASale, RewardStyle, LTK, ShopMy, brand-direct programs, or even a direct product URL with no affiliate component at all if you simply want to make it easy for visitors to find something you used. The block handles the presentation; your affiliate program handles the tracking and commission. That separation is what makes the block flexible enough to work for creators at every level, from someone with three affiliate partnerships to someone managing dozens.
Before you start
- Select photos at publication quality: The Outfit block is built around the photo, so the photo needs to be good enough to carry the page. Use images that are sharp, well-lit, and large enough that individual items are clearly distinguishable. A minimum of 1080px wide is a practical floor — anything smaller will look soft on modern screens and will make it harder for visitors to identify the items you are tagging.
- Decide which items to tag before you open the editor: Look at your photo and make a mental list of the three to five items worth tagging. Not every visible item needs a dot — tag the items you have affiliate links for, the items visitors are most likely to ask about, and the items that are actually available to buy. Dots on out-of-stock items or items with no buy link frustrate visitors who tap them.
- Generate your affiliate links before adding the block: Go to your affiliate program, find each product, and generate a trackable affiliate link for it. Paste each link into a document alongside the product name, brand, and price so you have them ready when you fill in the block settings. Do not build the block and then hunt for links — the process is faster and the links are more accurate when you prepare them first.
- Add UTM parameters to every link: Before pasting an affiliate link, append UTM parameters so you can see exactly which tagged item drove a click or purchase. A basic UTM string looks like
?utm_source=unilink&utm_medium=outfit&utm_campaign=post-name&utm_content=item-name. Without this, your affiliate dashboard will show revenue but not which specific photo or item tag generated it.
How to add the Outfit block to your page
- Open your page in the Dashboard: Log in to UniLink, go to My Pages, and click Edit on the page where you want the shoppable photo to appear.
- Add a new block: Click + Add Block. In the block picker, find Outfit — it is listed under Creator or E-commerce — and select it.
- Upload your photo: Click Upload Photo and select the image file from your device. Wait for the upload to complete. If you want multiple photos in this block, click Add Another Photo after the first upload finishes.
- Add your first product dot: In the photo editor, click Add Tag. A dot will appear at the center of the image. Drag it to the exact position of the first item you want to tag.
- Fill in the product details: With the dot selected, fill in the product name, brand, price, and affiliate URL in the panel on the right. Set the price display to visible. Paste your UTM-tagged affiliate link in the URL field.
- Customize the dot appearance: Choose a dot color that is visible against your photo (a white dot on a light background disappears; adjust to black or a contrasting accent color). Set the size so the dot is large enough to tap on mobile without being so large it obscures the item. Enable the pulse animation if you want the dot to draw attention.
- Choose the popup style: Select Card for a popup that shows more detail, or Minimal for a compact popup with just the name, price, and link. Card style works well for fashion and interior design where visual presentation matters; Minimal works well when you have five or more tags and want the popup to stay out of the way.
- Repeat for each additional item: Click Add Tag again for the next item on the photo, drag it into position, and fill in the product details. Repeat until all intended items are tagged (aim for three to five per photo).
- Save and publish: Click Save and then Publish Page. Open your live page on mobile and test each dot — tap it, confirm the popup shows the right product information, and click the buy link to verify it opens the correct destination.
Key settings explained
| Setting | What it controls | Best practice |
|---|---|---|
| Dot position | Where the clickable tag marker sits on the photo, set by dragging it to the item's location | Place the dot directly on the item — center of a garment, on a product label, on the item itself — not floating nearby; ambiguous placement confuses visitors about which item the dot refers to |
| Price display | Whether the product price is shown in the popup when a visitor taps the dot | Always enable — visitors who see a price before clicking convert at a much higher rate than visitors who must click to discover the price; showing price also filters out visitors who would not buy at that price anyway, improving your click quality |
| Popup style | Card (image, name, brand, price, CTA button) or Minimal (name, price, link only) | Use Card when visual context helps the purchase decision (fashion, home decor, beauty); use Minimal when you have many tags close together and want the popup to be lightweight |
| Dot color and size | The visual appearance of the tag marker on the photo | Use a color with strong contrast against the photo — test it on both light and dark areas of the image; set size large enough to tap comfortably on a phone screen (44px minimum touch target) |
| Pulse animation | A repeating expand-and-contract animation on the dot that draws the eye | Enable on complex or busy photos where dots might be overlooked; disable on clean, simple images where dot placement is already obvious and animation would feel distracting |
| Carousel (multiple photos) | Adds additional photos to the block, each with its own independent set of product tags | Use for multi-angle outfit shots or a room with multiple zones to tag; limit to two to four photos per block — long carousels rarely get swiped all the way through on mobile |
How to build a shoppable photo strategy that converts
The Outfit block works best when it is part of a deliberate content loop rather than an afterthought. The creators who see the highest click-through and commission rates from shoppable photos are the ones who plan the photo with the tagging in mind — they know which items they have affiliate links for before the photo is taken, they make sure those items are clearly visible and identifiable in the frame, and they build the Outfit block the same day the content goes live when audience interest is at its peak. A photo tagged two weeks after it was posted gets a fraction of the traffic of a photo tagged and live before you share the social post pointing to it.
Pricing strategy also matters more than most creators expect. When a visitor taps a dot and sees the price immediately in the popup, two things happen: visitors who would buy at that price feel validated and are more likely to click through to the product page, and visitors who would not buy at that price leave without wasting a click — which, if you are on a commission-per-sale affiliate program rather than per-click, means your click quality improves. Do not hide prices hoping visitors will click anyway and discover the price is acceptable. Transparency at the popup level improves conversion rates at the product page level.
Tag discipline — limiting dots to three to five per photo — is one of the most consistent differentiators between Outfit blocks that convert and ones that do not. The instinct when you have many affiliate partnerships is to tag every visible item. Resist it. When a photo has eight or more dots, the visual effect is closer to a dot-matrix pattern than a helpful tagging system, visitors stop reading individual dots and just see "a lot of stuff to buy," and click-through on any individual item drops sharply. Tag only the items that are either most likely to drive a purchase (the statement piece, the item with the highest commission) or most likely to generate a "where is that from?" comment — those two categories cover the majority of what your audience actually wants to know.
Troubleshooting common issues
| Problem | Likely cause | Fix |
|---|---|---|
| Dots are not visible on the live page | Dot color too similar to the photo background, or dot size set too small | Open the block editor, select each dot, and change the color to a high-contrast option for that area of the photo; increase the dot size; enable the pulse animation to make dots easier to spot |
| Popup shows the wrong product details when a dot is tapped | Product name or link data entered on the wrong dot while building the block | Open the block editor, click each dot individually, and verify that the product name and link in the settings panel match the item that dot is placed on; correct any mismatches and save |
| Affiliate link opens a "product not found" or generic homepage | Affiliate link expired, product was discontinued, or link was copied incorrectly | Go to your affiliate program, regenerate the link for that product (verify the product is still live), copy the full URL including all tracking parameters, and update the dot's URL field |
| Photo looks blurry on the live page | Image uploaded at too low a resolution | Replace with a higher-resolution version — minimum 1080px wide, ideally 1600px+ for a photo that will be displayed at full-width on desktop; re-place all dots after replacing the image |
| Block saved but not visible on the live page | Page was saved but not published after the edit | Return to the Dashboard editor and click Publish Page — saving stores the draft, publishing makes it live; the Outfit block will not appear on your public page until the page is published |
Best fit for
- Fashion creators and style bloggers who want to monetize outfit photos directly without maintaining a separate LTK or ShopMy profile
- Interior designers and home decor creators whose followers regularly ask where specific furniture, lighting, or decor items come from
- Lifestyle and travel creators who tag gear, accessories, or products visible in their photos and have affiliate programs for those items
- Any creator who already participates in affiliate programs and wants a higher-converting presentation than a plain list of product links
Not the right tool if
- You do not have affiliate links or buy links for the items in your photos — the block requires a destination URL for the tag to be useful
- Your photos are low-resolution screenshots or stock images — the block's effectiveness depends entirely on photo quality
- You want automatic commission tracking — the block handles presentation only; tracking is managed by your affiliate program, which requires proper link setup outside of UniLink
Frequently asked questions
Do I need to be part of a specific affiliate program to use the Outfit block?
No. The Outfit block accepts any URL — affiliate links from any program, direct product URLs from brand websites, or even Amazon product pages. The block handles the display; you provide the link. This means you can use it with LTK, ShopMy, Amazon Associates, ShareASale, individual brand affiliate programs, or a combination. The only requirement is that you have a URL that leads somewhere visitors can purchase the item.
How many photos can I add to one Outfit block?
The block supports multiple photos displayed as a carousel, but keep it to two to four photos per block for practical reasons. On mobile, carousel swipe rates drop significantly after the second image — most visitors will see the first photo and tap its dots without swiping to additional photos. If you have several outfits or rooms to showcase, consider using separate Outfit blocks stacked on the page, each focused on one photo, rather than putting everything into a single long carousel.
Can I tag items that are not affiliate products — just items I want to show visitors where to find?
Yes, and this is a legitimate strategy for building audience trust. Tagging items with direct brand URLs even when you have no affiliate relationship shows visitors that your recommendations are genuine rather than exclusively commission-driven. Many creators use a mix: affiliate links for the items where they have programs, direct links for items where they do not, and occasionally "similar item" links when the exact product is sold out. Label the popup clearly in each case so visitors know what they are clicking.
What happens if a tagged product goes out of stock or is discontinued?
The dot will still appear on the photo and the popup will still show the product information you entered — the block has no live connection to product inventory. Visitors who click the buy link will land on a page showing the product is unavailable or will be redirected to a generic brand page. Review your Outfit blocks periodically (monthly is a reasonable cadence for active creators) and replace expired links with updated affiliate links to the same product if it is back in stock, or to a similar alternative if it is discontinued. A dead buy link is a poor experience — it is better to remove the tag entirely than to leave a link that goes nowhere useful.
- The Outfit block makes your photos shoppable by placing tappable dot tags on individual items — each dot opens a popup with the product name, brand, price, and buy link, replacing the need for a separate LTK or ShopMy profile.
- Limit dots to three to five per photo — more than that fragments visitor attention, reduces click-through on individual items, and makes the photo feel like a product catalog rather than content.
- Always show the price in the popup and always UTM-tag your affiliate links — without price, conversion drops; without UTM parameters, you cannot identify which specific items are actually driving revenue.
- Publish your Outfit block before or simultaneously with the social post that points to it — late tagging means lost traffic, since audience interest peaks within hours of the initial post.
Ready to turn your photos into a shoppable storefront? Create your free UniLink page and add an Outfit block — tag the items your audience is already asking about and start earning commissions from content you are already making.