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

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

Last updated

Was this helpful?