Du samlar in en länk, sedan copy-pastar någon den i en “QR-generator”-sajt, laddar ner en bild, döper om den och skickar vidare. Och på något sätt är länken fel. Igen.
Den här automatiseringen för leverans av QR-koder är en lättnad för marknadschefer som lanserar kampanjer, driftteam som hanterar eventskyltning och konsulter med kundkontakt som behöver smidiga överlämningar utan fram-och-tillbaka. Du gör en inskickad URL till en nedladdningsbar QR-kod automatiskt, så att du slipper jaga folk efter “slutfilen”.
Du sätter upp ett enkelt n8n-formulär som triggar ett API-anrop för QR-koder och svarar direkt med den färdiga bilden. Nedan får du arbetsflödet, vad det löser och hur du kör det stabilt.
Så fungerar den här automatiseringen
Här är hela arbetsflödet du kommer att sätta upp:
n8n Workflow Template: Google Forms till Gmail: qr-koder direktlevereras
flowchart LR
subgraph sg0["On form submission Flow"]
direction LR
n0["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/form.svg' width='40' height='40' /></div><br/>On form submission"]
n1["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/httprequest.dark.svg' width='40' height='40' /></div><br/>HTTP Request"]
n2["<div style='background:#f5f5f5;padding:10px;border-radius:8px;display:inline-block;border:1px solid #e0e0e0'><img src='https://flowpast.com/wp-content/uploads/n8n-workflow-icons/form.svg' width='40' height='40' /></div><br/>Form"]
n1 --> n2
n0 --> n1
end
%% Styling
classDef trigger fill:#e8f5e9,stroke:#388e3c,stroke-width:2px
classDef ai fill:#e3f2fd,stroke:#1976d2,stroke-width:2px
classDef aiModel fill:#e8eaf6,stroke:#3f51b5,stroke-width:2px
classDef decision fill:#fff8e1,stroke:#f9a825,stroke-width:2px
classDef database fill:#fce4ec,stroke:#c2185b,stroke-width:2px
classDef api fill:#fff3e0,stroke:#e65100,stroke-width:2px
classDef code fill:#f3e5f5,stroke:#7b1fa2,stroke-width:2px
classDef disabled stroke-dasharray: 5 5,opacity: 0.5
class n0 trigger
class n1 api
classDef customIcon fill:none,stroke:none
class n0,n1,n2 customIcon
Varför det här är viktigt: QR-koder havererar vid sämsta möjliga tillfälle
QR-koder ser enkla ut tills du är personen som ansvarar för att de fungerar överallt: en affisch, ett bordsställ, en e-postsignatur, en presentation och en Instagram-story i sista minuten. Den manuella processen bjuder in till små misstag som blir stora problem. Ett saknat “https://”, en spårningslänk som kapats, en QR-bild som är för liten för tryck, eller en kollega som genererade en kod för fem olika kampanjer och ingen vet vilken som är vilken. Sedan exporterar du om filer, skickar om bilagor och hoppas att tryckeriet inte har startat än. Är det svårt? Nej. Det är bara jobb du inte borde lägga tid på.
Friktionen bygger snabbt upp. Här är var det fallerar i riktiga team:
- Någon måste generera QR-bilden manuellt varje gång en ny URL dyker upp.
- Länkar kopieras från Slack, mejl eller kalkylark, vilket gör att stavfel och trasiga spårningsparametrar smyger sig in.
- Filer får namn som “qr-code (7).png”, så ingen litar på att de använder rätt fil för tryck.
- Godkännanden går långsammare eftersom beställaren inte får tillbaka den faktiska nedladdningsbara resursen direkt.
Vad du bygger: ett formulär-till-QR-leveransflöde
Det här arbetsflödet ger dig ett enda, repeterbart sätt att omvandla valfri URL till en QR-kod och leverera den direkt. Det börjar med ett n8n-formulär som ditt team (eller dina kunder) kan öppna i en webbläsare. När någon skickar in en URL tar n8n exakt det värdet och skickar det till ett API för QR-kodsgenerering via en HTTP-förfrågan. API:et returnerar en QR-kodsbild för den URL:en, och arbetsflödet svarar tillbaka på formulärinskickningen med en nedladdningsklar QR-kodsfil. Inga flikbyten, inget “kan du skicka igen”, inget funderande på om koden matchar senaste länken.
Arbetsflödet startar vid formulärinskickning. Sedan gör det ett externt API-anrop för att generera QR-koden. Till sist slutför det formulärinteraktionen genom att svara med den nedladdningsbara bilden så att beställaren kan hämta den direkt.
Det här bygger du
| Vad som automatiseras | Vad du uppnår |
|---|---|
|
|
Förväntade resultat
Säg att ditt team skapar QR-koder för 20 länkar i veckan (eventsidor, formulär, UTM-länkar, menysidor). Manuellt tar även “snabb” QR-generering oftast runt 10 minuter per styck när du räknar in att kopiera URL:en, generera bilden, ladda ner den, namnge den och skicka tillbaka den, vilket blir cirka 3 timmar i veckan. Med det här arbetsflödet skickar beställaren in URL:en på under en minut och får den nedladdningsbara QR-koden direkt när API:et svarar. Det är några timmar tillbaka och färre överraskningar i sista minuten innan något går till tryck.
Innan du börjar
- n8n-instans (testa n8n Cloud gratis)
- Alternativ för egen hosting om du föredrar det (Hostinger fungerar bra)
- API för QR-kodsgenerering som returnerar en QR-bild från en URL.
- Åtkomst till HTTP Request så att n8n kan anropa API:et.
- API-nyckel (om din QR-tjänst kräver det) (hämtas i din QR-leverantörs dashboard)
Svårighetsgrad: Nybörjare. Du klistrar in ett arbetsflöde, kopplar ett anrop och testar med en riktig URL.
Vill du att någon bygger detta åt dig? Prata med en automationsexpert (gratis 15-minuters konsultation).
Steg för steg
En användare skickar in en URL via ett n8n-formulär. Du publicerar formulärlänken och delar den internt (eller med kunder) så att vem som helst kan beställa en QR-kod utan att behöva skriva till dig.
Arbetsflödet skickar URL:en till ett externt QR-kods-API. n8n använder en HTTP Request-nod för att skicka den inskickade länken till en tjänst som returnerar en bild. Eftersom värdet kommer direkt från formulärinskickningen slipper du kopiera om det från någon annanstans.
API-svaret görs om till en nedladdningsbar QR-kodsresurs. Arbetsflödet tar den returnerade bilddatan och förbereder den som en fil som beställaren kan ladda ner.
Slutförandeskärmen i formuläret levererar resultatet direkt. I stället för “vi mejlar den senare” lämnar beställaren med QR-koden direkt, vilket betyder färre uppföljningar och färre missade deadlines.
Du kan enkelt ändra QR-kodens stil eller utdata-destination för att matcha din process. Se hela implementationsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementering
Steg 1: Konfigurera formulärtriggern
Det här arbetsflödet startar när en användare skickar in ett formulär som samlar in URL och dimensioner för QR-koden.
- Lägg till och öppna Form Submission Trigger.
- Ställ in Form Title på
QR Code Generator. - Ställ in Form Description på
This mini application is to generate QR code for the provided URL.. - I Form Fields lägger ni till fält för URL (obligatoriskt), width (nummer, platshållare
1000, obligatoriskt) och height (nummer, platshållare1000, obligatoriskt).
Steg 2: Anslut anropet till externt API
De inskickade värdena används för att skapa en QR-kod via en extern API-förfrågan.
- Lägg till External API Call och koppla den från Form Submission Trigger.
- Ställ in URL på
=http://api.qrserver.com/v1/create-qr-code/?data={{ $json.URL }}&size={{ $json.width }}x{{ $json.height }}. - Lämna Options tomt om ni inte behöver avancerade HTTP-inställningar.
Steg 3: Konfigurera svar vid slutfört formulär
Returnera den genererade QR-koden till användaren när API-anropet är klart.
- Lägg till Form Completion Reply och koppla den från External API Call.
- Ställ in Operation på
completion. - Ställ in Respond With på
returnBinary. - Ställ in Completion Title på
QR code generation. - Ställ in Completion Message på
=QR code of {{ $json.URL }} should have been downloaded to your device..
Steg 4: Validera körflödet
Bekräfta att nodsekvensen matchar det avsedda dataflödet.
- Verifiera körvägen: Form Submission Trigger → External API Call → Form Completion Reply.
- Ni kan valfritt behålla Flowpast Branding som visuell referens; den påverkar inte körningen.
Steg 5: Testa och aktivera ert arbetsflöde
Kör ett manuellt test för att verifiera att formuläret returnerar en QR-kod och aktivera sedan arbetsflödet.
- Klicka på Execute Workflow och öppna formuläret som genereras av Form Submission Trigger.
- Skicka in en exempel-URL tillsammans med värden för width och height.
- Bekräfta att körningen lyckas: QR-bilden ska laddas ner och slutförandemeddelandet ska visas i Form Completion Reply.
- Växla arbetsflödet till Active för användning i produktion.
Felsökningstips
- Inställningarna i HTTP Request är viktigare än man tror. Om API-anropet misslyckas, kontrollera först endpoint-URL:en, obligatoriska headers och autentisering (API-nyckel) i HTTP Request-noden.
- Om din QR-leverantör är långsam eller hastighetsbegränsar dig kan formulärslutförandet timea ut. Byt då till en leverantör med snabbare svar eller justera arbetsflödet så att filen levereras via e-post i stället för att vänta i formulärskärmen.
- Vissa QR-API:er returnerar bilden som binärdata medan andra returnerar en URL till bilden. Om nedladdningen ser korrupt ut, bekräfta att du hanterar svarstypen korrekt innan den når svaret för formulärslutförande.
Snabba svar
Cirka 20 minuter om du redan har valt ett QR-API.
Nej. Du importerar arbetsflödet, klistrar in API-detaljerna och kör ett par testinskick.
Ja. n8n har ett gratis alternativ för egen hosting och en gratis provperiod på n8n Cloud. Molnplaner börjar på 20 USD/månad för högre volym. Du behöver också räkna in kostnaderna för ditt QR-API (många är gratis eller kostar några dollar i månaden).
Två alternativ: n8n Cloud (hanterad, enklast att komma igång) eller egen hosting på en VPS. För egen hosting är Hostinger VPS prisvärd och hanterar n8n bra. Egen hosting ger obegränsade körningar men kräver grundläggande serveradministration.
Ja, det är hela poängen. Du kan byta HTTP Request-noden till en annan QR-leverantör eller ändra “Form Completion Reply” så att den mejlar QR-koden i stället för att visa den på skärmen. Vanliga justeringar är att lägga till ett fält för “kampanjnamn” i formuläret, tvinga fram https:// på inskickade URL:er och spara en kopia av varje QR-bild i Google Drive för återanvändning.
De flesta fel beror på fel endpoint, saknade headers eller en utgången API-nyckel. Dubbelkolla dokumentationen för QR-API:et och verifiera sedan att HTTP Request-noden skickar URL:en i exakt det format som API:et förväntar sig. Om det fungerar i en webbläsare men misslyckas i n8n handlar det oftast om autentisering eller svarstyp (binärdata vs JSON).
Om ditt QR-API är snabbt kan det här hantera många förfrågningar; i praktiken kör de flesta små team från dussintals upp till några hundra per vecka utan att ens tänka på det. I n8n Cloud är din gräns i huvudsak antalet körningar per månad. Om du hostar själv finns ingen körningsgräns, men din server och QR-leverantörens hastighetsbegränsningar blir flaskhalsen.
Ofta, ja. Zapier och Make kan anropa ett QR-API, men n8n är vanligtvis enklare att hålla “på ett ställe” när du börjar lägga till villkor, filhantering eller extra steg som att spara till Drive. Den andra stora skillnaden är kostnad vid volym: egenhostad n8n tar inte betalt per task på samma sätt. Om du bara behöver en enkel tvåstegs-zap och redan jobbar i Zapier kan det räcka. Om du vill ha ett riktigt självhjälpsformulär plus filleverans som du kan anpassa är n8n ett bättre val. Prata med en automationsexpert om du vill ha hjälp att välja.
När detta väl är live slutar QR-förfrågningar vara ett avbrott och blir självhjälp. Du levererar mer korrekta resurser snabbare, och frågan “är det här rätt QR?” försvinner i princip.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.