QR code

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.

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

• 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