# QR code

![image](https://docs-assets.foxecom.app/foxify-app/image_GjcI6cb5.png)

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

<Hint type="success">

**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.

![image](https://docs-assets.foxecom.app/foxify-app/image_AXlbAGZd.png)![image](https://docs-assets.foxecom.app/foxify-app/image_cmCOVBDA.png)

3. Drag the element onto your canvas.

</Hint>

## How to edit a QR code element

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

### General settings

![image](https://docs-assets.foxecom.app/foxify-app/image_72NjXTe5.png)

* **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