QR Codes on Squarespace — How to Embed Them
Quick Answer
To add a QR code to Squarespace: generate on QRCrack, download as PNG, then in the Squarespace editor add an Image Block and upload your QR code to any page section.
Step-by-Step Guide
- 1
Generate your QR code on QRCrack and download as PNG.
- 2
Log in to Squarespace and open your page in the editor.
- 3
Click an existing block or add a new section → click the + icon to add a block → choose Image.
- 4
Upload your QR code PNG from your computer.
- 5
In the image settings, add a clickable link to the same URL the QR code points to (for desktop users).
- 6
Add a caption: 'Scan with your phone camera to [action]'.
- 7
Save and preview on mobile to confirm the QR code is well-sized (minimum 200px × 200px on screen).
Ready to generate your Squarespace QR code?
Free, no signup, no watermarks. Custom colors and logo supported.
Generate QR Code — FreeFrequently Asked Questions
Can I add a QR code to a Squarespace footer?
Yes. Go to Pages → scroll to Footer → edit → add an Image block with your QR code.
Does Squarespace Commerce support QR codes on orders?
Squarespace's order emails don't support custom image embeds natively. Add QR codes to your packaging separately.
Can I use an SVG QR code in Squarespace?
Squarespace Image blocks support SVG uploads. Download your QR as SVG from QRCrack for crisp rendering at any size.
How do I add a QR code to a Squarespace portfolio?
In a portfolio page, add an Image block or Markdown block with an <img> tag pointing to your hosted QR code.