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

# Frames

> Add a frame and a call to action around your QR code.

A frame puts a border and a short caption, such as "Scan me!", around your QR code. A clear call to action tells people why to scan and gets more scans.

## Before you start

* Frames are on the **Custom designs** tab. Branded and AI designs don't use frames.

## Add a frame

<Steps>
  <Step title="Open the design step">
    In the builder, go to **Customize & Download** and stay on **Custom designs**.
  </Step>

  <Step title="Open Frame">
    Click the **Frame** chip.
  </Step>

  <Step title="Choose a frame">
    Pick a frame under **Frame around the QR code**. Frames made for your QR type are shown first.
  </Step>

  <Step title="Pick a color preset (optional)">
    Choose a swatch group under **Color presets** to color the code, frame and caption together.
  </Step>

  <Step title="Open Customization">
    Click the **Customization** chip to edit the caption.
  </Step>

  <Step title="Write the caption">
    Type your call to action in **QR Text**. Up to 12 characters.
  </Step>

  <Step title="Adjust the colors (optional)">
    Set **Text Color** and **Frame color**.
  </Step>
</Steps>

To remove the frame, pick the first tile (no frame) under **Frame around the QR code**.

## Settings

| Setting | Where | What it does |
| - | - | - |
| **Frame around the QR code** | **Frame** | Picks the frame style. |
| **Color presets** | **Frame** | Sets the QR, frame and caption colors together. Only for frames that have presets. |
| **QR Text** | **Customization** | The caption. Up to 12 characters. Default "Scan me!". |
| **Text Color** | **Customization** | Color of the caption. |
| **Frame color** | **Customization** | Color of the frame. |

## Use cases

* **Menus and tables:** "View menu" or "Order here".
* **Posters and flyers:** "Get tickets" or "Learn more".
* **Packaging:** "How to use" or "Register".
* **Reception and guest rooms:** "Free WiFi".

## Tips

* Keep the caption short and specific. Twelve characters is enough for a clear call to action.
* Make sure **Text Color** stands out from **Frame color**, so the caption is easy to read.
* Leave space around the frame when you place it in a layout, so the frame doesn't touch other elements.

## Common issues

<AccordionGroup>
  <Accordion title="I can't type more than 12 characters">
    The caption is limited to 12 characters, so it fits inside every frame. Use a shorter phrase.
  </Accordion>

  <Accordion title="My caption went back to Scan me!">
    If you leave **QR Text** empty, it goes back to the default "Scan me!". Type your own text instead.
  </Accordion>

  <Accordion title="I don't see QR Text">
    Some frames have no caption. Pick a different frame if you need text.
  </Accordion>

  <Accordion title="I don't see Frame color or Text Color">
    These fields only appear when a frame is selected.
  </Accordion>
</AccordionGroup>

## What's next

<CardGroup cols={2}>
  <Card title="Colors" href="/design/colors" />

  <Card title="Add a logo" href="/design/logo" />

  <Card title="Save a template" href="/templates/save-template" />

  <Card title="Print your QR code" href="/downloads/printing" />
</CardGroup>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.