Skip to content

QR Code with Frame and Call to Action

Enter a link or any text, choose a frame style, write your own call to action such as Scan me, and pick the colours. The result is a framed QR code that catches the eye on posters, flyers and packaging, and that you can download as PNG, SVG or PDF. It is generated privately in your browser.

A link or any text. The frame keeps the code readable.

Frame style

Up to 28 characters. Leave empty for a frame without text.

#4338ca
#ffffff
#000000
#ffffff
Keep strong contrast between the frame text and its background, and print at least 2 cm wide. Test-scan before printing.

Enter your data to see the preview.

Your data stays on your device.

How does it work?

  1. 1Type or paste the content of the code, usually a link starting with https://, or any text.
  2. 2Choose a frame style: label bar at the bottom, label bar at the top, rounded border with a label, or a speech-bubble ticket look.
  3. 3Edit the call-to-action text, then pick the frame colour, the text colour and the QR foreground and background colours.
  4. 4Check the live preview, download PNG, SVG or PDF, and test-scan the file before you print.

What is QR Code with Frame?

A framed QR code is a normal QR code placed inside a decorative border with a short text such as Scan me. The frame changes only the artwork around the code; the data inside is unchanged, and the tool keeps a quiet zone, the blank margin every scanner needs, between the modules and the frame.

The call to action matters because people often do not realise that a square pattern is meant to be scanned. Telling them what to do, and what they will get, generally improves the number of scans. The code is static: the content is stored inside it, with no redirect, no expiry and no scan statistics.

When should you use it?

  • On posters, shop windows and flyers, where a label bar tells passers-by to scan.
  • On product packaging or labels, with a call to action such as Watch the video or See the manual.
  • On business cards, brochures and menus, to link to a website or a contact page.
  • On slides and screens, where a strong frame separates the code from a busy background.
  • On event tickets and signs, using the ticket look for a friendly, recognisable shape.

Privacy

This tool runs in your browser. What you type, paste or open is processed on your device by JavaScript and is not sent to our servers, stored or shared. Your data stays on your device.

Your content, texts and colours are used only to draw the image in your browser; nothing is uploaded or stored. The data you enter is written inside the code and can be read by anyone who scans it.

Frequently Asked Questions

Does the frame make the QR code harder to scan?

It should not, because the tool leaves a quiet zone between the code and the frame. Scanning problems come mostly from low contrast, a tiny print size or a cluttered background, so keep the frame simple and test the result.

Which colours should I choose?

Use dark modules on a light background, with a strong contrast between them. Avoid light-on-dark inversions and pale colours, since some scanners cannot read them. A coloured frame or label is fine because the code itself stays high-contrast.

How big should I print a framed code?

Make the QR part at least about 2 cm wide for close-range scanning, and larger for anything read from a distance. The frame and text come on top of that, so the full artwork is bigger than the code alone.

Which file format should I download?

Use SVG or PDF for print, since they scale without blur, and PNG for websites, documents and social media. Whatever you choose, scan a printed proof with more than one phone before you order a large batch.

Can I change the link after printing?

No. The code is static, so the content cannot be changed once it is printed. If the link may change, point the code to a page that you control and can update.