Tag Mockup

Show your hang tag design with a string loop and an eyelet, front and back, and download a mockup image.

This embed was switched off for this website. Open on BlankMockup

Add this tool to your siteFree embed code, no sign-up. Keep the credit link.

Embed this tool

Copy this code into your website, blog or class page. The tool runs inside your page.

1. Embed code

<iframe src="https://blankmockup.com/tag-mockup/?embed=1&ref=embed" width="100%" height="640" style="border:0;max-width:100%" title="Tag Mockup" loading="lazy" allow="fullscreen; autoplay"></iframe>
<p>Tool by <a href="https://blankmockup.com/tag-mockup/" rel="nofollow">Tag Mockup – BlankMockup</a></p>

2. Optional: resize the frame to fit the tool (add once per page)

<script>addEventListener('message',function(e){if(e.origin!=='https://blankmockup.com')return;var h=e.data&&e.data.tkEmbedHeight;if(!h)return;document.querySelectorAll('iframe').forEach(function(f){if(f.contentWindow===e.source)f.style.height=h+'px'})})</script>

Optional settings, added to the address after embed=1: &accent=0f6b5c (colour, 3 or 6 hex digits). Other parameters are ignored.

Please keep the credit link below the tool.

A tag mockup is a realistic picture of your design printed on a hang tag, the small card with a hole and string that is attached to clothes, bags and products. This free tool places your artwork on a tag with a punched hole, an optional eyelet ring and a string loop, lying on a surface, and gives you a PNG or JPG image to download. It runs in your browser, so your design file is never uploaded, and there is no sign-up. Use the image to show a hang tag design in a shop listing, an ad, a social post or a portfolio.

How to use the Tag mockup

In Tag front design, click Upload your design, drop your file on the box, or paste an image. A sample design loads at the start, so you can replace it. You can also type text in the text box instead of uploading.
If the tag has a back, upload it in Tag back design. Leave it empty to show the paper colour on the back.
Set Layout to Single tag to show only the front, or Front and back to show both sides.
Choose an Eyelet ring: None, Silver or Gold.
Choose a String colour: natural, black, red, white, or a custom colour from the colour picker.
Choose a Paper colour: white, cream, natural, kraft or black, or a custom colour.
Choose a Background, such as Light concrete, Oak table or Studio white.
Set Download size to Standard or Large, then press Download PNG or Download JPG.

The sample buttons under each slot let you try the tool before you upload anything. If your artwork has a white background that would show as a box on the paper colour, turn on the Remove white background switch under the design slot. The settings are kept in the page address, so a copied link reopens the same view.

How to make a hang tag mockup

To make a hang tag mockup, upload your artwork as the front design and let the tool place it on a tag. The tag is drawn with 54 : 86 proportions (about 5 : 8), and your design fills the whole tag using a cover fit. A design with other proportions is cropped, not stretched, so check that the parts you need are still visible.

A tag design of 1080 × 1720 px matches the proportions exactly. The hole sits near the top centre, so keep important text and logos away from the top edge. The tool does not claim a real size in millimetres, so judge scale by the tag itself, not by a measurement.

What shapes can the tag have

The tag can have three shapes, set by Tag shape. Rectangle is the default, Rounded corners softens the four corners, and Notched top cuts the two top corners at an angle. The design is clipped to the chosen shape, so any artwork outside the outline is hidden. Keep the key parts of your design inside the edges.

Can I show the front and back of the tag

Yes. Set Layout to Front and back to show two tags side by side, with the back on the left and the front on the right. You need to upload a design in Tag back design only if you want artwork on the back. If you leave it empty, the back shows the paper colour.

Can I choose the string and eyelet colour

Yes. Eyelet ring offers None, Silver (the default) and Gold. With None, the punched hole is shown without a ring. String colour offers natural (the default), black, red and white, plus any custom colour from the picker. The string is drawn as a loop with a knot at the top, so the colour you pick shows on the knot and loop.

Frequently asked questions

Is this tag mockup free?

Yes. The tool is free to use in the browser, and there is no sign-up. There is no paid option.

Can I use the mockup commercially?

Yes. You can use the images you download here to show and sell your own designs and products — in shop listings, ads, social posts and portfolios — with no credit required. You may not resell the blank scenes themselves as mockup templates or use them to run a similar service; see the terms.

What file types can I upload?

Each design slot accepts PNG, JPG, WebP, GIF or SVG. You can click to upload, drop a file on the box, or paste an image.

What size should my tag design be?

Use 1080 × 1720 px for an exact match to the tag’s 54 : 86 proportions. Other sizes still work, but the design is cropped to fill the tag.

Is my design file sent to a server?

No. The tool runs in your browser, and the design file is never uploaded.

Is the scene a photo?

No. The tag, its shadow and the background are drawn by code in your browser, so there is no stock photo involved and the same settings always give the same picture.

Packaging mockup: use it to show your design on a product box.
Can mockup: use it to wrap a label around a drink can.
Lanyard mockup: use it to show an ID badge with a lanyard strap.
Paper bag mockup: use it to put your logo on a shopping bag.
Sticker mockup: use it to show a sticker design on a surface.
Business card mockup: use it to show the front and back of a card.
Envelope mockup: use it to show a branded envelope.
Flyer mockup: use it to show a printed flyer.