> For the complete documentation index, see [llms.txt](https://docs.diaflow.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.diaflow.io/workflow-builder/nodes/built-in-tools/qr-code-generator.md).

# QR Code Generator

## QR Code Generator

### What does it do?

The **QR Code Generator** node turns a web link into a scannable QR code. Think of it like printing a shortcut button that someone can scan with their phone.

Use it when you want to share landing pages, checkout links, event pages, or product pages faster.

#### Smart features

* **Checks the link before creating the QR code**: Diaflow only generates a QR code for valid web links.
* **Works with dynamic values**: insert a link from an earlier step with **@**.
* **Lets you choose how the result is returned**: use **Image** to embed the QR code directly, or **Link** to get a shareable file link.
* **Supports PNG and SVG**: choose **PNG** for simple image use, or **SVG** for sharper scaling.
* **Includes ready-to-use size options**: pick **128px**, **256px**, **512px**, or **1024px**.
* **Lets you control the look**: set the background color, foreground color, border, and scan durability level.
* **Supports transparent SVG backgrounds**: useful when the QR code needs to sit cleanly on branded designs.

<figure><img src="/files/FGKU15rwFQPK5MCanp03" alt=""><figcaption></figcaption></figure>

### Real-World Business Value

* Add a QR code to event emails so attendees can open the registration page instantly.
* Generate product or payment QR codes from live links created earlier in the workflow.
* Create branded QR codes for flyers, packaging, or printed handouts without manual design work.

### Step-by-Step Setup

* Drag **QR Code Generator** onto the canvas.
* In **Input**, enter the full web link or select one from an earlier step with **@**.
* In **Output Size**, select **128px**, **256px**, **512px**, or **1024px**.
* In **Background Color**, enter a color like `#FFFFFF` or choose **transparent** if you use **SVG**.
* In **Foreground Color**, enter the QR code color, such as `#000000`.
* In **Output Format**, choose **PNG** or **SVG**.
* In **Output Type**, choose **Image** if another step should use the QR code directly, or choose **Link** if you want a downloadable file link.
* In **Border Width**, keep the default unless you have a specific design need.
* In **Error Correction**, choose a higher level if the QR code may be printed, handled often, or partially covered.

### The Transformation: Before & After

**Before link and display settings entering the node**

<figure><img src="/files/5zaUEIVLhVqnPuN0YgLO" alt=""><figcaption></figcaption></figure>

**After ready-to-use QR code result**

<figure><img src="/files/PbB3ROEQ13eEr2Zlb11C" alt=""><figcaption></figcaption></figure>

If you choose **Image** instead of **Link**, the result is returned as an inline image value you can place directly into emails or pages.

### Tips & Warnings for First-Timers

#### Best practices

* Paste the full web link, including `http://` or `https://`.
* Use **SVG** for print designs or large displays.
* Use a higher **Error Correction** level when the QR code may be scratched, folded, or partly covered.
* Use **Image** when the next step should embed the QR code directly.
* Use **Link** when you need a file you can share, store, or reuse elsewhere.

#### Warnings

* Do not enter plain text, email addresses, phone numbers, or non-web formats. This node only accepts web links.
* Do not leave out `http://` or `https://`. A link without the protocol will fail.
* Do not use **transparent** as the background for **PNG**. Use it only with **SVG**.
* Do not expect the same settings to reuse an older file automatically. A new QR code is created each time.
* Do not rely on **Link** mode for permanent storage without checking your file retention setup. Temporary files may be cleaned up later.
* Do not expect a built-in logo in the center of the QR code. Add branding in a later design step if needed.
* Do not assume every protocol works. `mailto:`, `tel:`, and `ftp://` are not supported here.

### Need help?

* Learn the basics in [How a node works](/getting-started/lets-start-with-the-basics/how-a-node-works.md)
* Build the full flow in [Create a workflow](/workflow-builder/create-a-workflow.md)
* Browse related nodes in [Component List](/workflow-builder/component-list.md)


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.diaflow.io/workflow-builder/nodes/built-in-tools/qr-code-generator.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.