QR Code Generator Utility via Web Form - n8n Workflow

• Marketing Professionals: Needing to quickly generate trackable QR codes for campaigns without using external services.


• Developers/Engineers: Looking for a reusable micro-service to generate QR codes on demand.


• n8n Power Users: Seeking robust n8n templates showcasing custom API interactions and binary file responses.


• Small Business Owners: Requiring a simple, internal tool for generating QR codes for products or physical locations.

This powerful n8n workflow solves the common need for rapid, customizable QR code generation. Instead of navigating to third-party websites, this automation provides a dedicated endpoint accessible via a simple web form. The key value proposition is efficiency and direct integration. By leveraging a dedicated n8n node as a trigger, users input the target URL and desired dimensions (width and height). The n8n workflow then seamlessly communicates with the QR Server API, retrieves the binary image data, and immediately serves it back to the user's browser, enabling instant downloading. This specific n8n template is ideal for showcasing how to handle binary responses efficiently within any complex n8n automation.

This n8n workflow operates in three primary stages:

1. Form Submission Trigger: The automation begins with the On form submission n8n trigger node. This node exposes a public web form where the user must input three critical fields: the URL to encode, the required width (as a number), and the required height (as a number).


2. API Call for Generation: Once the form is submitted, the workflow proceeds to the HTTP Request n8n node. This node dynamically constructs the API endpoint URL for the QR Server API (goqr.me/api/). It uses expressions ({{ $json.URL }}) to inject the user-provided data directly into the API request, asking the server to generate the code. The API responds with the raw QR code image data.


3. Binary Response and Download: The final step involves the Form n8n node, configured specifically for operation completion and to respond with returnBinary. This setting ensures that the binary image data received from the QR Server is sent back to the initiating browser, prompting an automatic download of the generated QR code. This robust n8n node successfully completes the entire n8n workflow cycle, delivering the final asset directly to the user.

To set up this n8n template, follow these steps:

1. Import the n8n workflow JSON: Copy the provided JSON data and import it into your n8n instance via the 'Workflows' menu using the 'New' button and selecting 'Import from JSON'.


2. Activate the Workflow: Ensure the n8n workflow is activated (toggle the 'Active' switch). Activating the workflow ensures the form trigger webhook is live.


3. Access the Form: Navigate to the On form submission n8n node. In the parameters panel, locate and copy the unique Public URL for this form. This URL is your direct QR code generation tool.


4. No Credentials Needed: Since the QR Server API is public and does not require authentication, no external credentials or custom n8n node setups are necessary to run this specific n8n workflow.

On form submission (n8n trigger): This is the initiating n8n trigger for the entire automation. It serves a public web form asking for the URL to encode, and the pixel dimensions (width and height) for the resulting QR code image. This n8n node makes the automation accessible to anyone with the link.
HTTP Request (n8n node): Functionally, this node acts as the QR code generator. It constructs a parameterized URL query to the external QR Server API. Key configuration involves injecting the form inputs: URL, width, and height using dynamic expressions to ensure the API call is customized for every form submission.

• Form (n8n node): This is the response handler. Its function is to close the web interaction and deliver the generated file. The critical configuration is setting the operation to completion and the response method to returnBinary, ensuring the QR code image is delivered as a downloadable file after the n8n workflow finishes processing.