Foxify App
Foxify App

QR code

2 min read
image

The QR Code is a media element that automatically generates a scannable code based on your chosen content. It’s perfect for:

  • Linking to your store’s mobile app or product page
  • Sharing discount codes or promo pages
  • Providing contact info or event details
  • Encouraging mobile-only offers

How to add a QR code element

Steps:

  1. In the FoxStudio editor, on the left Sidebar > Click Add elements, or press E.
  2. Select Media > QR code or in Quick add, select QR code element.
imageimage
  1. Drag the element onto your canvas.

How to edit a QR code element

Once you've added the element, you can customize it to match your design.

General settings

image
  • Content type: Choose what the QR code will link to:
    • Link: Add a website or store URL
    • Text: Display plain text like a coupon code
    • Email: Launch an email app with prefilled address and subject
    • Phone: Dial a phone number directly
    • WhatsApp: Opens a WhatsApp chat with prefilled message (great for support or sales!).
  • Content field: Enter the destination.
  • Logo (optional): Upload a small logo to appear in the center of your QR code (keep it simple for best scanning).
  • Margin size: Adjust the margin (spacing) around the QR code block.

💬 Best Practices & Tips

Test it before publishing! Always scan the code on your mobile to verify functionality.

Use WhatsApp for direct support — it’s fast, mobile-friendly, and familiar to most shoppers.

Shorten URLs for cleaner QR rendering (use a service like bit.ly if needed).

Don’t overcrowd your design. Keep the surrounding space clean so users can easily scan.

🎯 Where to place it?

  • Homepage or landing banners
  • Contact section (for WhatsApp/Email)
  • Popup offers (e.g. QR = coupon)
  • On mobile-exclusive promotions
Last updated