Add a Link to an Image with a QR Code

Turn any link into a scannable QR code on an image, carousel or video, style it to match your brand, and keep it scannable.

Written By Andrei Terteci

Last updated 7 days ago

An exported image is a flat file, so you can't make part of it clickable the way you'd link text on a web page. The way you get someone from a design to a web page is a QR code: paste a link, Krumzi turns it into a scannable code, and it sits on the canvas like any other element.

It works in the image editor, the carousel editor, documents and the video editor.

Anything that lives at a URL. A few things people use it for:

  • Audio. A podcast episode, a Spotify track, a sermon recording, a voice note. You can't embed an audio file inside an image, but you can link to wherever it's hosted and let people scan to listen.

  • Your link-in-bio page, so one design works across every platform.

  • A product or checkout page on a flyer, a package insert or a shelf card.

  • A booking or calendar link for coaches, salons and consultants.

  • A menu or price list on a table tent or a poster.

  • A review page ("scan to leave us a review").

  • An event page, RSVP form or ticket link on a poster or a story.

  • A lead magnet or freebie at the end of a video or a carousel.

  • A YouTube video, a Google Maps location, a WhatsApp chat link, or a mailto: / tel: link so scanning opens an email or dials a number.

Plain text works too. The code encodes exactly what you type, so a discount code or a short message is fine.

Add a QR code

  1. Open your design and click Assets in the left side panel.

  2. Click Add QR Code.

  3. Paste your link in the Link or text field. Include the full address, https:// and all.

  4. Click Add QR Code. It lands on the canvas, ready to drag, resize and rotate like any other element.

QR codes are square and stay square when you resize them. They're rendered as vector, so they stay sharp at any size and any export scale, including print.

Change the link and the colors

Select the code and open the Design panel. Under QR Code you get:

  • Link or text. Edit the destination any time. The code redraws instantly, so you never have to delete and re-add it.

  • Code color. The dots. Your brand colors are one click away in the picker.

  • Transparent background. Turn it on to drop the code straight onto your design's background.

  • Background. The color behind the dots when the background isn't transparent.

  • Error correction. Low, Medium, Quartile or High. Higher levels pack in more redundancy, so the code still scans if part of it is covered or damaged. Medium is the default and is right for most designs.

Making sure it actually scans

  • Keep the contrast strong. Dark code on a light background is the safest combination. A light code on a dark background usually works, but test it. Two similar colors won't scan at all.

  • Give it breathing room. Leave clear space around the code instead of pushing it tight against text or the edge of the canvas.

  • Be careful with transparent backgrounds. Over a busy photo, the dots disappear. Use transparency over flat, light areas, or keep a solid background behind the code.

  • Don't shrink it too far. On screen, keep it at roughly a tenth of the design's width. In print, about 2 cm (0.8 in) across is a sensible floor.

  • Putting a logo on top? Set error correction to High first, keep the logo small and centered, then scan it yourself before you export.

  • Test with your own phone after exporting. Thirty seconds now beats a thousand printed flyers that don't work.

Ask the AI to do it

The AI designer can add and style QR codes for you. Try:

  • "Add a QR code to https://krumzi.com in the bottom right corner"

  • "Add a QR code linking to my podcast episode, with a white background, and put 'Scan to listen' underneath it"

  • "Make the QR code use my brand purple and move it above the footer"

Everything it adds is fully editable afterwards.

QR codes in videos and carousels

In a carousel, add the code to whichever slide should carry the call to action, usually the last one. In a video, a QR code gets the same timing controls as every other element, so you can hold it on screen for the final few seconds. Give people at least five seconds to scan.

Where QR codes work best

They shine anywhere the design is being looked at from a second screen or a printed page: flyers, posters, packaging, table tents, slide decks, event screens, and videos playing on a TV.

They work less well on a feed post someone is scrolling on their phone, because you can't scan your own screen. For those, use the QR code for the people who save or share the design, and put your link in bio for everyone else. Adding a short text label like "Scan for the full menu" next to the code always helps.

Tips

  • Use a short link. Fewer characters means fewer dots, which means a cleaner code that scans faster.

  • Add tracking. Put UTM parameters on the link before you paste it, and you'll see exactly how much traffic the design brought in.

  • Prefer a redirect link you control. If the destination changes after the poster is printed, you can repoint it without reprinting.

  • Reuse it. Copy a styled QR code (Cmd/Ctrl + D to duplicate) instead of restyling a new one on every design.