> ## Documentation Index
> Fetch the complete documentation index at: https://docs.feedal.io/llms.txt
> Use this file to discover all available pages before exploring further.

# QR codes

> Generate, style, and download a QR code that links directly to your form.

Feedal generates a styled QR code for every form. Use it on printed materials, event signage, product packaging, or anywhere a clickable link isn't an option.

Go to **Share → Link & QR Code** to open the QR editor.

<img src="https://mintlify.s3.us-west-1.amazonaws.com/feedal/images/sharing-qr-code.png" alt="QR code editor with preview and style options" />

***

## Source tracking

QR codes automatically append `?s=q` to the form URL. Responses collected via QR code appear under the **QR** source in your analytics overview, separate from direct link and embed traffic.

***

## Templates

The **Templates** tab gives you a gallery of pre-built QR styles. Click any template to apply it instantly to the preview.

Two sets of templates are available:

* **Default templates** — built-in designs provided by Feedal
* **Saved templates** — designs you've customised and saved yourself (see [Saving a design](#saving-a-design) below)

***

## Design customisation

Switch to the **Design** tab for manual control. Design customisation requires the **Pro plan**.

### Basic options

| Setting               | Description                                                 |
| --------------------- | ----------------------------------------------------------- |
| **Main colour**       | Colour applied to all dots, corner squares, and corner dots |
| **Background colour** | Colour of the QR code background                            |
| **Style**             | Shape of the data dots                                      |
| **Gradient**          | Toggle a blue-to-purple gradient on the dots                |

**Dot styles:**

| Style            | Appearance                      |
| ---------------- | ------------------------------- |
| `square`         | Sharp square dots               |
| `rounded`        | Slightly rounded dots (default) |
| `dots`           | Small round dots                |
| `classy`         | Angular, stylised dots          |
| `classy-rounded` | Classy style with rounded edges |
| `extra-rounded`  | Maximally rounded dots          |

### Logo

Upload an image to embed in the centre of the QR code. Use your brand logo for instantly recognisable QR codes.

* Accepted formats: any image (JPG, PNG, SVG, WebP)
* Use the **Logo size** slider to control how much of the QR area the logo occupies (up to 50%)

<Warning>
  Larger logos reduce scannable area. Test scannability across different devices
  and distances before printing. Keep logo size at or below 30% for reliable
  scanning.
</Warning>

### Advanced options

Click **Advanced options** to unlock fine-grained control over corner squares and corner dots independently — separate colours and styles for each element.

***

## Saving a design

Once you're happy with a design, click **Save Design**. Give it a name and it will appear in the **Saved templates** tab for reuse across other forms.

***

## Downloading

Click the download button and choose a format:

| Format   | Best for                                 |
| -------- | ---------------------------------------- |
| **SVG**  | Print, large format, infinitely scalable |
| **PNG**  | Web, presentations, general use          |
| **JPEG** | Low-size web use                         |
| **WebP** | Modern web (smaller file than PNG)       |

For print use, always download SVG — it scales to any size without pixelation.

***

## Next steps

<CardGroup cols={2}>
  <Card title="Public link" icon="link" href="/sharing/public-link">
    Copy and share the direct URL, and track sources.
  </Card>

  <Card title="Embed on a website" icon="code" href="/sharing/embed">
    Add the form as a floating widget or inline block.
  </Card>
</CardGroup>