Hoppa till innehåll
Automatisera WPForms med n8n: från formulär till arbetsflöde utan manuellt pill
Hannah Turing
Hannah Turing 2026. January 19. · 8 min read

Automatisera WPForms med n8n: från formulär till arbetsflöde utan manuellt pill

Det är lätt att underskatta hur mycket tid formuläradministration stjäl: en adress som ska in i ett kalkylark, en lead som ska pingas i Slack, ett ärende som ska skapas och en uppföljning som ska skickas. När volymen går upp blir det snabbt en hel rutin av repetitiva moment.

Ett smidigt sätt att komma ur det är att koppla formulärhändelser till ett automatiseringsverktyg. I den här guiden går jag igenom hur du kopplar WPForms till n8n och bygger ett arbetsflöde som tar emot inskick via en webhook (en URL som tar emot events/data) och skickar vidare datat till valfria appar.

Vad är n8n – och varför passar det bra för formulärflöden?

n8n är ett verktyg för workflow-automation: du bygger visuella flöden av noder (triggers och actions) som kan filtrera, omforma och skicka data mellan olika system. Tänk “digital integrationsmotor” snarare än ett enstaka plugin som bara pratar med en tjänst.

Det intressanta för oss som jobbar med WordPress-formulär är att ett inskick kan bli startskottet för en hel kedja: validera data, routa till rätt kanal, skapa en rad i Google Sheets, skapa ett CRM-kort, skicka ett team-meddelande och sedan trigga en uppföljning.

n8n jämfört med Zapier/Make – den praktiska skillnaden

Du kan uppnå liknande saker med Zapier och Make.com, men n8n sticker ut med att du enligt upplägget kan köra det i molnet eller self-hosta. Self-hosting ger kontroll över dataflödet och är ofta relevant om du hanterar kunddata och vill minimera tredjepartsberoenden.

  • Hosting: n8n kan köras i cloud eller self-hosted (på din server), medan Zapier/Make typiskt är cloud-only.
  • Kostnadsbild: n8n kan köras gratis om du self-hostar, medan Zapier/Make vanligtvis är prenumerationsbaserat (kan bli dyrt vid hög volym).
  • Flexibilitet: n8n är byggt för mer avancerad logik (t.ex. flera grenar, formatkonvertering, mer komplexa steg) snarare än enbart linjära kopplingar.

Det här behöver du innan du börjar

  • WPForms Pro (eller högre): n8n-integrationen ligger enligt upplägget som ett premium-addon.
  • WPForms version 1.9.8.1 eller nyare.
  • Ett n8n-konto (cloud) eller en self-hosted installation.

Begrepp att ha med sig

I den här guiden är “trigger” noden som startar flödet (t.ex. “WPForms Trigger”). “Action” är stegen efteråt (t.ex. “Google Sheets”, “Slack”). Webhook är endpoints/URL:er som tar emot data från WPForms.

Steg 1: Skapa workflow i n8n och hämta Production webhook-URL

Börja på n8n-sidan, eftersom du behöver webhook-adressen där WPForms ska skicka data.

  1. Logga in i n8n och skapa ett nytt workflow via Start from scratch.
  2. Klicka på + på canvasen och sök efter WPForms.
  3. Välj WPForms Trigger och installera noden om n8n ber dig om det (”Install node”).
  4. Lägg till noden i workflowt (”Add to workflow”).
  5. Öppna nodens inställningar och gå till Parameters → expandera Webhook URLs.
  6. Kopiera Production URL (inte Test URL) – Production är tänkt att fungera i bakgrunden kontinuerligt.
n8n-dashboard med knappen Start from scratch för att skapa ett nytt workflow
Skapa ett nytt workflow i n8n via Start from scratch. — Forrás: WPBeginner.com
n8n-editor där man lägger till en ny node med plusknappen
Lägg till en node i n8n-workflowt. — Forrás: WPBeginner.com
Sökresultat i n8n där WPForms Trigger visas
Välj WPForms Trigger som startnod. — Forrás: WPBeginner.com
n8n-dialog där man installerar en node med knappen Install node
Installera WPForms-noden om den inte redan finns i ditt konto. — Forrás: WPBeginner.com
n8n-gränssnitt med knappen Add to workflow för att lägga till noden
Lägg till noden i workflowt. — Forrás: WPBeginner.com
Inställningspanelen för WPForms Trigger i n8n med fliken Parameters
I Parameters hittar du webhook-konfigurationen. — Forrás: WPBeginner.com
n8n-panel som visar Webhook URLs med fliken Production URL och en kopierbar URL
Kopiera Production URL – den är avsedd för live-körning. — Forrás: WPBeginner.com

Steg 2: Aktivera n8n-integrationen i WPForms och mappa fält

Nu kopplar du WPForms-formuläret till n8n-webhooken och bestämmer vilka fält som ska skickas vidare.

  1. Öppna ett formulär i WPForms form builder (befintligt eller nytt).
  2. Gå till Marketing » n8n i vänstermenyn.
  3. Om addonet inte är installerat: installera och aktivera det när WPForms frågar.
  4. Slå på Enable n8n Integration.
  5. Klistra in n8n Production Webhook URL i fältet Webhook URL.
  6. Kopiera Secret Key som WPForms genererar.
  7. Gå tillbaka till n8n och klistra in samma Secret Key i WPForms Trigger-noden.
  8. Välj Trigger Event (vanligtvis Form Submitted).
  9. Under Field Mapping: skapa enkla nycklar (t.ex. email, name, phone) och välj vilket WPForms-fält som ska mappas till respektive nyckel.
  10. Spara formuläret.
WPForms form builder där menyalternativet Marketing och n8n visas
n8n-integrationen ligger under Marketing i WPForms builder. — Forrás: WPBeginner.com
Popup i WPForms som erbjuder att installera och aktivera n8n-addon
Installera och aktivera n8n-addon om det saknas. — Forrás: WPBeginner.com
WPForms-inställning med reglage för Enable n8n Integration
Aktivera integrationen för att få fram webhook, secret och mappning. — Forrás: WPBeginner.com
WPForms n8n-inställningar med fält för Webhook URL, Secret Key, Trigger Event och Field Mapping
Här sätter du webhook-URL, secret key, event och fältmappning. — Forrás: WPBeginner.com
WPForms fält där man klistrar in n8n Webhook URL
Klistra in Production webhook-URL från n8n. — Forrás: WPBeginner.com
n8n WPForms Trigger node med fältet Secret Key ifyllt
Secret key fungerar som en extra säkerhetskontroll mellan WPForms och n8n. — Forrás: WPBeginner.com
WPForms dropdown för Trigger Event med alternativ som Form Submitted, Entry Marked as Spam och Payment Processed
Välj när workflowt ska triggas (oftast Form Submitted). — Forrás: WPBeginner.com
WPForms Field Mapping där man anger Parameter Key och väljer formulärfält
Mappa bara de fält du faktiskt behöver i workflowt. — Forrás: WPBeginner.com

Obs om localhost

Om du kör WordPress lokalt (localhost) kan en “Test Connection” misslyckas p.g.a. nätverks-/tunnelinställningar, även om själva upplägget i övrigt är korrekt.

Steg 3: Lägg till actions i n8n och aktivera workflowt

När triggern fungerar behöver du tala om för n8n vad som ska hända med datat. Det gör du genom att lägga till en eller flera action-noder efter WPForms Trigger.

  1. I n8n: klicka på + till höger om WPForms-noden för att lägga till nästa steg.
  2. Sök fram den app/tjänst du vill använda, och konfigurera noden.
  3. Skapa nödvändiga credentials (OAuth/API-nyckel) i nodens Credential/Authentication-del.
  4. Spara workflowt och slå på reglaget Active så att det kör i bakgrunden.
n8n-workflow där man klickar på plus vid nodens utgång för att lägga till en action
Lägg till action-noder efter WPForms Trigger. — Forrás: WPBeginner.com
n8n-gränssnitt med reglage för att sätta workflowt till Active
Glöm inte att sätta workflowt till Active för live-körning. — Forrás: WPBeginner.com

Vanliga actions att börja med

  • Google Sheets: skriv en ny rad per inskick (bra för leadlogg och snabb översikt).
  • Slack/Microsoft Teams: skicka en notifiering till en kanal när en ny lead kommer in.
  • E-postmarknadsföring: skicka vidare till exempelvis Mailchimp eller ActiveCampaign och tagga/lista baserat på fältvärden.

När du bygger action-stegen kommer du typiskt att se de nycklar du satte i WPForms Field Mapping (t.ex. email). Poängen med enkla, konsekventa nycklar är att de blir lätta att återanvända och “dra in” där du behöver dem i n8n.

Steg 4: Testa innan du litar på flödet

Testning är tråkigt, men betydligt billigare än missade leads eller felroutad data. Gör åtminstone ett par testinlämningar.

  1. I n8n-editorn: klicka Execute workflow för att sätta workflowt i lyssningsläge.
  2. Skicka in ett test via ditt WPForms-formulär (fyll i alla fält).
  3. Gå tillbaka till n8n och verifiera att triggern tog emot datat och att actions kördes.
  4. Om det ser bra ut: skicka in ytterligare en testpost för att säkerställa att det är stabilt över tid.
n8n-knapp Execute workflow i workflow-editorn
Kör Execute workflow innan du skickar testinlämningen. — Forrás: WPBeginner.com

Felsökning när inget händer

Kolla tre saker först: (1) workflowt är Active, (2) webhook-URL i WPForms matchar exakt n8n Production URL, (3) field mapping i WPForms är korrekt.

Praktiska frågor som brukar dyka upp

Kan jag hindra WPForms från att spara entries i WordPress-databasen?

Ja. I WPForms builder kan du gå till Settings » General och i den avancerade delen aktivera alternativet som stänger av lagring av entry-information i WordPress-databasen (enligt upplägget i WPForms).

Vad händer om WPForms-noden tas bort i n8n?

Då finns ingen trigger som tar emot inskick och workflowt kommer inte starta. Lösningen är att lägga till en ny WPForms Trigger-node, kopiera den nya Production URL och uppdatera webhook-URL:en i WPForms så kopplingen återställs.

Kan jag använda n8n gratis med WPForms?

n8n kan köras gratis om du self-hostar, men själva WPForms–n8n-kopplingen kräver enligt förutsättningarna en WPForms Pro-licens eller högre eftersom det är ett premium-addon.

Vilka typer av flöden är mest värdefulla att automatisera?

Vanliga vinnare är uppföljningsmail efter inskick, notiser till rätt team, uppdateringar i CRM och hantering av betalningsbekräftelser när du kör order-/betalningsformulär.

Sammanfattning: bygg en “formulär-pipeline” som skalar

När WPForms triggar n8n via webhook får du en robust grund för att automatisera allt runt ett inskick: routing, loggning, notifieringar och uppföljning. Nyckeln är att börja enkelt (en trigger + en action), testa ordentligt och sedan bygga på med fler steg när du ser vilka moment som faktiskt tar tid i vardagen.

Hannah Turing

Hannah Turing

WordPress-utvecklare och teknisk skribent på HelloWP. Jag hjälper utvecklare att bygga bättre webbplatser med moderna verktyg som Laravel, Tailwind CSS och WordPress-ekosystemet. Passionerad för ren kod och utvecklarupplevelse.

Alla inlägg

Gå med i HelloWP-communityn!

Chatta med oss om WordPress, webbutveckling och dela erfarenheter med andra utvecklare.

- medlemmar
- online
Gå med

We use cookies to improve your experience. By continuing, you agree to our Cookie Policy.