QR-koder låter enkla tills du ska generera dem med en deadline som flåsar dig i nacken, jonglerar fem kampanjlänkar och hoppas att du inte klistrade in fel URL i den “final-final”-designfilen.
Marknadschefer känner det när trycksakerna går i produktion. En företagare känner det när en meny-QR leder till förra månadens sida. Och en ops-ansvarig får städa upp röran. Den här QR-kodsautomationen ger dig konsekventa QR-bilder vid begäran, plus en strukturerad logg över vad som genererades och när.
Du får se exakt hur webhook-triggen fungerar, hur QR-bilden genereras och hur du kopplar in det i Google Sheets så att varje QR-kod får ett spårbart underlag.
Så fungerar den här automationen
Hela n8n-workflowet, från trigger till slutligt resultat:
n8n Workflow Template: QR Server API + Google Sheets: qr-koder vid begäran
flowchart LR
subgraph sg0["Flow 1"]
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/httprequest.dark.svg' width='40' height='40' /></div><br/>Generate QR Code"]
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/webhook.dark.svg' width='40' height='40' /></div><br/>Receive Data Webhook"]
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/webhook.dark.svg' width='40' height='40' /></div><br/>Respond with QR Code"]
n0 --> n2
n1 --> n0
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,n1,n2 api
classDef customIcon fill:none,stroke:none
class n0,n1,n2 customIcon
Problemet: QR-koder skapas snabbt och spåras dåligt
De flesta team genererar fortfarande QR-koder på det stökiga sättet: öppna en QR-webbplats, klistra in en länk, ladda ner en bild, döp om den och försök sedan komma ihåg var den användes. Det funkar. Tills det inte gör det. Ett fel tecken i en URL, en inaktuell landningssida eller en duplicerad QR sparad som “qr-2.png” och plötsligt pekar dina flyers, namnskyltar, posters eller förpackningar fel. Det värsta är paniken i efterhand: “Vilken länk använde vi?” och “Vem genererade den där QR-koden?” Den tidskostnaden dyker upp precis när du har som minst råd med den.
Det drar snabbt iväg. Här är var det faller sönder i verkligheten.
- Att generera QR-koder manuellt blir en återkommande uppgift som du gör om dussintals gånger per månad.
- Det finns oftast ingen revisionslogg, så när en QR-kod inte fungerar slösar du tid på att återskapa vad som hände.
- Fel länkar hamnar i tryck eftersom copy/paste fortfarande är kärnan i “processen”.
- Även när QR-koden är korrekt hamnar filer utspridda i inkorgar, på lagring och i designfiler.
Lösningen: generera QR-bilder via webhook och logga dem i Sheets
Det här workflowet ger dig ett enda, pålitligt sätt att skapa en QR-kod från valfri text eller URL: du skickar en enkel webhook-request till n8n med värdet du vill koda. n8n tar den indata och anropar QR Server API för att generera QR-bilden. Sedan svarar den direkt tillbaka med QR-bilddatan, vilket innebär att verktyget som triggar kan visa QR-koden eller spara den. Till sist kan du utöka mallen så att den skriver en rad till Google Sheets varje gång en QR genereras, så att du vet exakt indata, tidpunkt och sammanhang. Den loggen blir din “single source of truth” när en kampanj körs i flera kanaler.
Workflowet börjar med en inkommande webhook som förväntar sig en JSON-body som innehåller data (din URL eller text). Därefter genererar en HTTP-request QR-bilden via QR Server API. Sedan svarar n8n på webhooken med bilden, och du kan valfritt logga requesten i Google Sheets för spårning.
Vad du får: automation vs. resultat
| Vad det här workflowet automatiserar | Resultat du får |
|---|---|
|
|
Exempel: så här kan det se ut
Säg att du lanserar en helgkampanj och behöver 20 QR-koder för olika UTM-länkar till posters, bordspratare och diskkort. Manuellt är det kanske 5 minuter per kod mellan att generera, ladda ner, namnge och dela, så du tappar ungefär 2 timmar. Med det här workflowet skickar du (eller ett formulär/verktyg) 20 webhook-requests som tillsammans tar under en minut av mänsklig tid, medan QR-genereringen sker automatiskt i bakgrunden. Lägger du till Google Sheets-loggning har du dessutom en lista över alla 20 länkar utan att öppna en enda QR-generator-sajt.
Det här behöver du
- n8n-instans (prova n8n Cloud gratis)
- Alternativ för self-hosting om du föredrar det (Hostinger fungerar bra)
- QR Server API för att generera QR-bilder från URL:er.
- Google Sheets för att logga varje genererad QR-kod.
- Webhook-klient (Postman, din webbplats eller ett formulär) för att skicka JSON-payloaden.
Svårighetsnivå: Nybörjare. Du klistrar in en webhook-URL, testar en request och kan valfritt lägga till ett Google Sheets-steg för “append row”.
Vill du inte sätta upp detta själv? Prata med en automationsexpert (gratis 15-minuters konsultation).
Så fungerar det
En webhook-request kommer in. Du skickar en POST-request till din n8n-webhook med en JSON-body som {”data”:”https://example.com”}. Det enda fältet är hela “arbetsordern”.
Workflowet skickar din indata till QR-generatorn. n8n använder en HTTP request-nod för att anropa QR Server API och inkluderar din text/URL som data-parameter. Om du vill ha ett konsekvent uttryck kan du standardisera storlek (och senare bygga ut för färg, bakgrund och quiet zone).
QR-bilden skapas automatiskt. QR Server API returnerar bilddatan direkt, så du behöver inget extra steg för “ladda ner filen” för att bevisa att det fungerade. Ärligt talat är det här den bästa delen eftersom det får workflowet att kännas omedelbart.
Den som begär får bilden som svar. n8n svarar på webhooken med bilddatan, så att ditt anropande verktyg kan visa den, spara den eller skicka den vidare. Om du lägger till Google Sheets-loggning fångar du även indata och tidsstämpel för senare granskningar.
Du kan enkelt ändra den inkommande payloaden för att ta emot storlek eller kampanjfält utifrån dina behov. Se hela implementeringsguiden nedan för anpassningsalternativ.
Steg-för-steg-guide för implementering
Steg 1: Konfigurera webhook-triggern
Konfigurera webhook-endpointen som tar emot inkommande POST-förfrågningar med data som ska kodas i QR-koden.
- Lägg till och öppna Incoming Webhook Trigger.
- Ställ in Path på
generate-qr. - Ställ in HTTP Method på
POST. - Ställ in Response Mode på
responseNode.
data (t.ex. {"data":"https://example.com"}) så att arbetsflödet kan generera QR-koden korrekt.Steg 2: Sätt upp QR-kodsförfrågan
Använd inkommande data för att anropa QR-API:et och returnera en bild för det angivna innehållet.
- Lägg till och öppna Create QR Image.
- Ställ in URL på
=https://api.qrserver.com/v1/create-qr-code/?size=150x150&data={{ $json.body.data }}. - Ställ in Method på
=GET. - Koppla Incoming Webhook Trigger till Create QR Image för att skicka vidare den inkommande payloaden.
body.data; annars genererar QR-kodstjänsten en tom bild.Steg 3: Konfigurera webhook-svaret
Returnera den genererade QR-bilddatan tillbaka till anroparen.
- Lägg till och öppna Return Webhook Reply.
- Ställ in Respond With på
allIncomingItems. - Koppla Create QR Image till Return Webhook Reply.
Steg 4: Testa och aktivera ert arbetsflöde
Verifiera flödet från början till slut och aktivera det för användning i produktion.
- Klicka på Execute Workflow och skicka en POST-förfrågan till webhook-URL:en med en JSON-body som
{"data":"https://example.com"}. - Bekräfta att Create QR Image returnerar data och att Return Webhook Reply skickar ett svar.
- När ni har verifierat, slå på arbetsflödet till Active så att webhooken är live.
Vanliga fallgropar
- Google Sheets-inloggningar kan löpa ut eller kräva specifika behörigheter. Om det skapar fel, kontrollera först Google-anslutningen i n8n:s Credentials-område.
- Om du använder Wait-noder eller extern rendering varierar processtiderna. Öka väntetiden om efterföljande noder misslyckas på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in er varumärkesröst tidigt, annars kommer du att redigera utdata i all evighet.
Vanliga frågor
Cirka 20 minuter om du redan har n8n igång.
Nej. Du klistrar in webhook-URL:en och testar en exempelrequest. Resten är enkel konfiguration i n8n.
Ja. n8n har ett gratis self-hosted-alternativ och en gratis provperiod på n8n Cloud. Cloud-planer börjar på 20 USD/månad för högre volym. Du behöver också räkna in kostnader för QR Server API, som vanligtvis är gratis för grundläggande användning.
Två alternativ: n8n Cloud (hanterat, enklast uppsättning) eller self-hosting på en VPS. För self-hosting är Hostinger VPS prisvärd och hanterar n8n bra. Self-hosting ger dig obegränsade körningar men kräver grundläggande serverhantering.
Ja, men du bör planera input-formatet först. Det enklaste är att utöka webhook-payloaden så att den tar emot fält som size, campaign och utm_url, och sedan mappa dem in i HTTP-requesten som anropar QR Server API. Vanliga anpassningar är att standardisera storlek för att matcha tryckspecar, lägga till UTM-parametrar konsekvent och logga extra kolumner (kampanjnamn, ansvarig och var QR-koden ska användas) i Google Sheets.
Oftast saknas fältet data i webhook-payloaden eller så är det tomt. Kontrollera först input i körningen och bekräfta sedan att URL:en i HTTP-requesten skickar vidare ditt värde korrekt som data-parameter. Om du skickar väldigt långa URL:er, prova att URL-koda dem eller korta länken innan du genererar QR-koden.
Många. I n8n Cloud beror det på din månatliga gräns för körningar, och vid self-hosting beror det främst på din server och hur snabbt du anropar QR-API:t. I praktiken genererar team ofta dussintals eller hundratals per dag utan problem.
Ofta, ja. n8n är bättre när du vill ha full kontroll över webhooken, request/response-hantering och förgreningslogik utan att betala extra för varje litet steg. Det är också enklare att self-hosta, vilket kan spela roll om du genererar många QR-koder. Zapier eller Make kan fortfarande vara bra för ett snabbt tvåstegsflöde, särskilt om ditt team redan jobbar där. Vill du ha hjälp att välja, prata med en automationsexpert.
När QR-skapande blir en enkel request slutar du behandla det som ett skört miniprojekt. Workflowet tar hand om det repetitiva, och du får färre överraskningar när något redan är i tryck.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.