Webflow-formulär är utmärkta för att samla in leads. Det stökiga börjar direkt efteråt: att kopiera uppgifter till Pipedrive, gissa vilket företag de hör till och rensa upp de oundvikliga dubbletterna.
Det är här automation för Webflow Pipedrive leads snabbt lönar sig. Säljchefer märker det när säljare slösar en halvtimme om dagen på administration. Marknadsförare märker det när attribueringen blir otydlig. Och byråteam märker det när varje kund vill ha “ett felfritt CRM” men ingen vill underhålla det manuellt.
Det här arbetsflödet tar varje Webflow-formulärinsändning, matchar den mot rätt organisation i Pipedrive, skapar eller uppdaterar personen och loggar insändningen som en strukturerad anteckning. Du får se vad det gör, vad du behöver och de vanliga ställen där folk går bet.
Så fungerar automationen
Hela n8n-flödet, från trigger till slutresultat:
n8n Workflow Template: Webflow till Pipedrive, rensade leads utan dubbletter
flowchart LR
subgraph sg0["Webflow 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/webflow.svg' width='40' height='40' /></div><br/>Webflow Trigger"]
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/pipedrive.svg' width='40' height='40' /></div><br/>Pipedrive"]
n2@{ icon: "mdi:swap-horizontal", form: "rounded", label: "Person Exists?", pos: "b", h: 48 }
n3["<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/pipedrive.svg' width='40' height='40' /></div><br/>Create Person"]
n4["<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/pipedrive.svg' width='40' height='40' /></div><br/>Add Note"]
n5["<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/pipedrive.svg' width='40' height='40' /></div><br/>Create Lead"]
n6["<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/pipedrive.svg' width='40' height='40' /></div><br/>Add Note 2"]
n7["<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/pipedrive.svg' width='40' height='40' /></div><br/>Get Organization"]
n8@{ icon: "mdi:swap-horizontal", form: "rounded", label: "Organization Exists?", pos: "b", h: 48 }
n9["<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/pipedrive.svg' width='40' height='40' /></div><br/>Add Organization"]
n10["<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/code.svg' width='40' height='40' /></div><br/>Website"]
n10 --> n7
n4 --> n5
n1 --> n2
n3 --> n4
n2 --> n6
n2 --> n3
n0 --> n10
n9 --> n1
n7 --> n8
n8 --> n1
n8 --> n9
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 n2,n8 decision
class n10 code
classDef customIcon fill:none,stroke:none
class n0,n1,n3,n4,n5,n6,n7,n9,n10 customIcon
Problemet: Webflow-leads förblir inte strukturerade i Pipedrive
När leads kommer in från en landningssida är snabbhet avgörande. Men manuell registrering saktar ner allt, och det handlar inte bara om att skriva. Någon måste avgöra om “Företag” är en ny organisation eller en befintlig, hitta (eller skapa) rätt kontakt och sedan klistra in meddelandet i anteckningar så att nästa person kan följa upp. Gör du detta några gånger om dagen slutar du med “Acme”, “ACME Inc” och “Acme (Webflow)” som tre separata organisationer. Senare skapar rapporteringen fel, ägarskap blir oklart och uppföljningar blir inkonsekventa. Ärligt talat är det den sortens tysta CRM-röra som kostar affärer.
Det växer snabbt. Här är hur det faller isär i praktiken.
- Säljare skapar en ny person eftersom sökning tar för lång tid, så dubbletter byggs upp över en månad.
- Organisationer läggs in inkonsekvent, vilket gör att du inte kan lita på pipeline-rapporter per konto.
- Formulärdetaljer hamnar på slumpmässiga ställen (anteckningar, anpassade fält, e-post), så ingen har hela sammanhanget vid uppföljning.
- Heta leads får vänta medan någon “rensar upp senare”, och senare blir till aldrig.
Lösningen: Webflow → Pipedrive med matchade organisationer och strukturerade anteckningar
Det här n8n-arbetsflödet lyssnar efter nya Webflow-formulärinsändningar (eller så kan du köra det på beställning vid testning). När varje lead kommer in hämtar det e-postadressen och extraherar domänen (som company.com). Domänen blir ett pålitligt “fingeravtryck” för att hitta rätt organisation i Pipedrive, även när företagsnamnet skrivs på olika sätt. Sedan kontrollerar arbetsflödet om personen redan finns i Pipedrive. Om den gör det loggar det bara insändningen som en strukturerad anteckning så att teamet ser exakt sammanhang. Om den inte gör det skapar det personen, bifogar anteckningen och skapar ett lead så att pipelinen blir konsekvent från start.
Arbetsflödet startar med en Webflow-trigger för insändningar och använder sedan Pipedrive-sökningar för att matcha organisation och person. Därefter skriver det en strukturerad anteckning och (vid behov) skapar de saknade posterna så att CRM:et håller sig prydligt utan ständig bevakning.
Det du får: automation vs. resultat
| Vad det här arbetsflödet automatiserar | Resultat du får |
|---|---|
|
|
Exempel: så här ser det ut
Säg att du får 20 Webflow-leads i veckan från ett par landningssidor. Manuellt kan en säljare lägga cirka 6 minuter per lead på att söka i Pipedrive, skapa rätt organisation och person och sedan klistra in formulärmeddelandet i anteckningar, vilket är ungefär 2 timmar i veckan. Med det här arbetsflödet blir “jobbet” en snabb granskning: kanske 1 minut för att rimlighetskontrollera den skapade posten och tilldela en ägare. Det är cirka 90 minuter tillbaka varje vecka, plus färre pinsamma situationer när två säljare mejlar samma person.
Det här behöver du
- n8n-instans (prova n8n Cloud gratis)
- Alternativ för egen hosting om du föredrar det (Hostinger fungerar bra)
- Webflow för att fånga formulärinsändningar via webhook.
- Pipedrive för att lagra personer, organisationer, anteckningar och leads.
- Pipedrive API-nyckel (hämta den i Pipedrive-inställningar → Personliga inställningar → API).
Kunskapsnivå: Nybörjare. Du kopplar konton, klistrar in en webhook-URL i Webflow och mappar några fält som namn och e-post.
Vill du inte sätta upp detta själv? Prata med en automationsexpert (gratis 15-minuters konsultation).
Så fungerar det
En Webflow-formulärinsändning startar allt. Arbetsflödet tar emot payloaden (namn, e-post, meddelande samt eventuella dolda fält du skickar med för spårning).
E-postdomänen blir en organisationsmatchning. n8n delar e-postadressen för att extrahera domänen och använder sedan en HTTP Request för att fråga Pipedrive och se om det redan finns en organisation för den domänen.
Pipedrive uppdateras i rätt ordning. Om organisationen finns går arbetsflödet vidare. Om inte skapar det först organisationen och kontrollerar därefter om det finns en befintlig person via e-post innan det avgör om en ny person och ett nytt lead ska skapas.
Insändningen loggas som en strukturerad anteckning. Den anteckningen blir din enda sanningskälla för vad leadet efterfrågade, vilket gör uppföljningar konsekventa även när flera kollegor hanterar affären.
Du kan enkelt anpassa vad som skrivs i anteckningen så att det matchar ert interna kvalificeringsformat. Se hela implementationsguiden nedan för anpassningsmöjligheter.
Vanliga fallgropar
- Pipedrive-credentials kan löpa ut eller sakna behörighet att skapa organisationer/leads. Om det strular, kontrollera först API-nyckeln och användarbehörigheterna i Pipedrive-inställningarna.
- Om du använder Wait-noder eller extern rendering varierar processtiderna. Öka väntetiden om nedströms noder fallerar på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in er tonalitet tidigt, annars kommer du att redigera outputs för alltid.
Vanliga frågor
Cirka 30 minuter om dina Webflow- och Pipedrive-konton är redo.
Nej. Du klistrar mest in en webhook-URL och mappar formulärfält till Pipedrive-fält.
Ja. n8n har ett gratis alternativ för egen hosting 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 Pipedrive-abonnemangskostnader och normal API-användning (vanligtvis försumbar för grundläggande leadsynk).
Två alternativ: n8n Cloud (hanterat, 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 dig obegränsade körningar men kräver grundläggande serverhantering.
Ja, men du lägger till det som en extra gren efter att formulärinsändningen tagits emot. Ett vanligt upplägg är att lägga in ett HTTP Request-steg till en berikningsleverantör före logiken “skapa/uppdatera person”, och sedan slå ihop de berikade fälten igen så att person och anteckning innehåller jobbtitel, företagsstorlek eller LinkedIn-URL. Du kan också justera “If”-kontrollerna för att styra insändningar med hög intent till en annan pipeline eller lägga till en specifik etikett. Vill du hålla det enkelt, börja med att bara berika nya personer och hoppa över berikning när personen redan finns.
Oftast är det en utgången eller felaktig API-nyckel. Skapa om nyckeln i Pipedrive, uppdatera sedan credential i n8n och kör en enskild testinsändning igen. Om det fortfarande misslyckas, kontrollera om Pipedrive-användaren som är kopplad till nyckeln kan skapa organisationer, personer och leads i ditt konto.
Många. I n8n Cloud beror det på din månatliga gräns för körningar, och vid egen hosting beror det främst på din server och Pipedrives API-gränser.
Ofta, ja, eftersom matchning av organisationer via e-postdomän och förgrening baserat på “personen finns vs. finns inte” blir klumpigt i enklare byggare. n8n hanterar flersteglogik bra, och du kan köra egen hosting om du inte vill ha prissättning per uppgift. Zapier eller Make kan ändå fungera om du bara behöver “formulärinsändning → skapa person” och du inte bryr dig om organisationsmatchning eller anteckningar. Så fort du vill ha strukturerade regler för deduplicering, konsekvent anteckningsformat och flexibilitet för berikning brukar n8n vara det lugnare alternativet. Om du är osäker, prata med en automationsexpert så får du ett rakt svar för din setup.
Ett strukturerat CRM är en intäktsfördel, inte bara “nice to have”. Sätt upp detta en gång, så kommer dina Webflow-leads in i Pipedrive redo för snabb uppföljning.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.