Frame Options
Frames add a decorative border around your QR code with optional text.
Enabling Frames
- In the QR code builder, select the Frame tab
- Select a frame style (simple, rounded, fancy)
Adding Frame Text
Frame text adds a message like “Scan Me” or “Learn More” to guide users.
Text Settings
Text Content Enter your call-to-action text. Keep it short and actionable:
- “Scan Me”
- “View Menu”
- “Get Offer”
- “Learn More”
- “Download App”
Text Position Where the text appears relative to the QR code:
- Top: Above the QR code
- Bottom: Below the QR code (most common)
Text Placement How the text aligns within its position:
- Inside: Text appears inside the frame border
- Outside: Text appears outside the frame border
Text Styling
Font Family Choose from available fonts to match your brand.
Font Weight
- Normal: Standard text weight
- Bold: Heavier, more prominent text
Italic Toggle to italicize the text.
Text Color Choose a color that contrasts with the frame background.
Design Tips
Effective Call-to-Action Text
| Context | Suggested Text |
|---|---|
| Restaurant menu | ”View Menu” |
| Product info | ”Learn More” |
| Discount/offer | ”Get 20% Off” |
| App download | ”Download App” |
| General use | ”Scan Me” |
| Contact card | ”Save Contact” |
| WiFi access | ”Connect to WiFi” |
Visual Best Practices
- Contrast: Frame text should be easily readable
- Size: Don’t make the frame so large it overshadows the QR code
- Simplicity: One clear message is better than multiple
- Consistency: Match frame colors to your brand
Size Considerations
When using frames, account for the extra space they add:
- The total image size increases with frame width
- Plan for this when designing print materials
- Test at the actual print size
Examples
Minimal Frame
- Thin border (2-3px)
- No text
- Subtle corner rounding
- Same background as QR code
Call-to-Action Frame
- Medium border (4-6px)
- “Scan Me” text at bottom
- Rounded corners
- Contrasting frame color
Bold Branded Frame
- Thick border (8-10px)
- Brand name as text
- Square corners
- Brand colors
Removing Frames
To remove a frame:
- Toggle Enable Frame to off
- The QR code preview updates immediately