Dina e-postsignaturer är förmodligen ”tillräckligt bra” tills en nyanställd kopierar fel mall, ett telefonnummer saknas och plötsligt sitter marknad och rättar HTML i någons inkorg. Igen. Det är inte svårt. Det är bara hela tiden.
HR-ansvariga märker det vid onboarding. Varumärke och marketing ops blir signaturpolis. Och stressade grundare dras ändå in eftersom ”det tar bara en minut”. En automatisering för Gmail PDF-signaturer stoppar pingpongandet och gör varje signatur konsekvent som standard.
Det här arbetsflödet tar en enkel formulärliknande förfrågan, genererar en premium HTML-signatur, konverterar den till en tryckfärdig PDF med PDFMunk och mejlar allt via Gmail. Du ser exakt vad det gör, vad du behöver och var team oftast kör fast.
Så fungerar automatiseringen
Hela n8n-flödet, från trigger till slutligt resultat:
n8n Workflow Template: Gmail + PDFMunk: snygga e-postsignaturer snabbt
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/webhook.dark.svg' width='40' height='40' /></div><br/>Inbound Signature Hook"]
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/code.svg' width='40' height='40' /></div><br/>Parse Request Fields"]
n2@{ icon: "mdi:swap-vertical", form: "rounded", label: "Compose Signature Markup", pos: "b", h: 48 }
n3@{ icon: "mdi:location-exit", form: "rounded", label: "Render PDF Document", pos: "b", h: 48 }
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/httprequest.dark.svg' width='40' height='40' /></div><br/>Fetch PDF Binary"]
n5@{ icon: "mdi:message-outline", form: "rounded", label: "Dispatch Gmail Email", pos: "b", h: 48 }
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/webhook.dark.svg' width='40' height='40' /></div><br/>Return Success Payload"]
n3 --> n4
n1 --> n2
n2 --> n3
n4 --> n5
n5 --> n6
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,n4,n6 api
class n1 code
classDef customIcon fill:none,stroke:none
class n0,n1,n4,n6 customIcon
Problemet: e-postsignaturer blir en dold supportkö
Signaturförfrågningar dyker upp vid sämsta möjliga tillfällen. En nyanställd behöver en ”idag”, någon byter roll, ett team uppdaterar webbplatsens URL och nu flyter halva företaget runt med olika versioner. Du kan klistra in en mall i Gmail, men e-postklienter är kinkiga, så det som såg bra ut i en inkorg skapar fel i en annan. Sen kommer den obekväma delen: folk kopierar varandras signaturer, vilket gör att felen sprids. Multiplicera det med varje ny anställd och varje rebrand-justering, och du slutar med att underhålla ett mini-designsystem… inne i e-post.
Inget av det här är komplicerat. Det är bara många småfix som stjäl fokus.
- Manuell signatursetup tar rutinmässigt cirka 30 minuter per person när du räknar med revisioner och felsökning av typen ”varför blir radavståndet konstigt”.
- Inkonsekvent formatering får varumärket att se rörigt ut, även om webbplats och material är välpolerade.
- Folk glömmer att uppdatera detaljer (roll, telefon, länkar), så kunder får föråldrad info och trasiga sociala URL:er.
- Det finns ingen gemensam ”single source of truth”, vilket gör att varje ändring blir både ett utskick och en gissningslek.
Lösningen: generera en varumärkesanpassad HTML- + PDF-signatur och mejla den automatiskt
Det här arbetsflödet skapar ett signaturkit från en enkel POST-förfrågan (den typen du kan skicka från ett formulär, HR-portal, CRM eller ett internt verktyg). n8n tar emot den nyanställdas uppgifter via en webhook, rensar och validerar fälten och bygger sedan en modern HTML-signatur utifrån din mall. Därefter skickas HTML:en till en PDF-renderingtjänst (PDFMunk via ett HTML/CSS-till-PDF-steg) så att du även får en högkvalitativ, tryckfärdig PDF-version. Till sist mejlar Gmail användaren en HTML-förhandsvisning plus PDF-bilagan, och arbetsflödet returnerar ett prydligt JSON-svar som innehåller en pdf_url som du kan spara eller visa i ditt onboarding-system. Snabbt, konsekvent, klart.
Arbetsflödet startar när ditt system skickar användarinfo till ”Inbound Signature Hook”. Därifrån bygger n8n signaturens markup och skickar den till PDFMunk för rendering. Gmail levererar det färdiga kitet och n8n svarar på den ursprungliga förfrågan med en success-payload som du kan logga.
Det här får du: automatisering vs. resultat
| Det här automatiserar arbetsflödet | Resultat du får |
|---|---|
|
|
Exempel: så här ser det ut i praktiken
Säg att du onboardar 10 personer på en månad. Manuellt: räkna med cirka 30 minuter per person när du hanterar formateringsproblem och oundvikliga ändringar, alltså ungefär 5 timmar pilljobb. Med det här arbetsflödet skickar HR in ett enkelt formulär som POST:ar till webhooken (cirka 2 minuter per person) och väntar sedan några sekunder på att PDF och mejl skickas. Totalt ungefär 20 minuter i stället för att en halvdag försvinner i signaturstädning.
Det du behöver
- n8n-instans (prova n8n Cloud gratis)
- Självhostat alternativ om du föredrar det (Hostinger funkar bra)
- PDFMunk (HTML/CSS → PDF) för högkvalitativ PDF-rendering
- Gmail för att leverera HTML-förhandsvisningen och PDF:en
- PDFMunk API-inloggningsuppgifter (hämta dem i din PDFMunk-dashboard)
Svårighetsnivå: Nybörjare. Du klistrar in inloggningsuppgifter, justerar varumärkesvärden och testar en exempel-request till webhooken.
Vill du inte sätta upp det här själv? Prata med en automatiseringsexpert (gratis 15-minuters konsultation).
Så fungerar det
En webhook tar emot signaturförfrågan. Ditt formulär eller interna system skickar namn, roll, e-post, telefon och sociala länkar till n8n i en POST.
Arbetsflödet städar upp indata. Ett kodsteg parsar fälten i requesten, kontrollerar saknade värden och normaliserar datan så att signaturmallen inte skapar fel när någon skriver ”(555)555-5555” i stället för ”555-555-5555”.
HTML sätts ihop till en konsekvent signaturlayout. Mallsteget stoppar in användarvärdena i din varumärkesanpassade markup (färger, typografi, ikonlänkar), vilket gör att varje signatur blir visuellt konsekvent.
PDFMunk renderar PDF:en och Gmail levererar kitet. n8n genererar PDF:en, hämtar PDF-binären och skickar sedan ett mejl med HTML-förhandsvisningen och PDF:en som bilaga. Ett JSON-svar returnerar lyckad status och en pdf_url för spårning.
Du kan enkelt justera signaturlayouten och varumärkesvariablerna så att de matchar din grafiska profil utifrån dina behov. Se hela implementationsguiden nedan för alternativ för anpassning.
Steg-för-steg-guide för implementering
Steg 1: Konfigurera webhook-triggern
Konfigurera den inkommande webhooken för att ta emot signaturförfrågningar och skicka vidare payloaden in i arbetsflödet.
- Lägg till noden Inbound Signature Hook och ställ in HTTP Method på
POST. - Ställ in Path på
email-signature. - Ställ in Response Mode på
responseNodeså att arbetsflödet svarar via Return Success Payload. - Koppla Inbound Signature Hook till Parse Request Fields så att det matchar exekveringsflödet.
/webhook/email-signature. Använd denna endpoint när ni skickar signaturförfrågningar.Steg 2: Anslut och tolka inkommande data
Tolka webhook-payloaden till strukturerade fält och bygg HTML-blocket för signaturen.
- I Parse Request Fields, bekräfta att JavaScript-koden mappar fält som
name,designation,email,phone,linkedin,instagramochwebsitefrån$json.body. - Koppla Parse Request Fields till Compose Signature Markup.
- I Compose Signature Markup, ställ in tilldelningen signature_html till den angivna HTML-mallen med uttryck som
{{$json.name}},{{$json.designation}}och{{$json.email}}. - Säkerställ att HTML:en innehåller korrekta dynamiska länkar för
{{$json.linkedin}},{{$json.instagram}}och{{$json.website}}.
Steg 3: Rendera och hämta PDF:en
Konvertera HTML-signaturen till en PDF och hämta binärdata för e-postbilaga.
- Lägg till Render PDF Document och ställ in HTML Content till
{{ $json.signature_html }}. - Inloggningsuppgifter krävs: Anslut era htmlcsstopdfApi-inloggningsuppgifter i Render PDF Document.
- Koppla Compose Signature Markup till Render PDF Document, och koppla sedan Render PDF Document till Fetch PDF Binary.
- I Fetch PDF Binary, ställ in URL till
{{ $json.pdf_url }}för att hämta den genererade PDF-filen.
Steg 4: Konfigurera e-postutskick och webhook-svar
Skicka PDF:en till den som begärt den och returnera en JSON-bekräftelse till webhook-anroparen.
- I Dispatch Gmail Email, ställ in Send To till
{{ $('Parse Request Fields').item.json.email }}. - Ställ in Subject till
Your New Email Signature PDFoch Message till den angivna HTML-mallen med uttryck som{{ $('Parse Request Fields').item.json.name }}och{{$json.pdf_url}}. - Bifoga PDF:en genom att använda binärutdata från Fetch PDF Binary via Attachments.
- Inloggningsuppgifter krävs: Anslut era gmailOAuth2-inloggningsuppgifter i Dispatch Gmail Email.
- Konfigurera Return Success Payload med Respond With satt till
jsonoch Response Body till den angivna JSON-mallen som innehåller{{ $('Parse Request Fields').item.json.email }}och{{ $('Render PDF Document').item.json.pdf_url }}. - Koppla Dispatch Gmail Email till Return Success Payload.
Steg 5: Testa och aktivera ert arbetsflöde
Verifiera webhooken, PDF-renderingen och e-postutskicket, och aktivera sedan arbetsflödet för produktion.
- Klicka på Execute Workflow och skicka en test-POST-begäran till Inbound Signature Hook-URL:en med en JSON-body som innehåller
name,designation,email,phone,linkedin,instagramochwebsite. - Bekräfta att Render PDF Document returnerar en
pdf_urloch att Fetch PDF Binary laddar ner filen. - Verifiera att Dispatch Gmail Email skickar e-postmeddelandet och att PDF:en är bifogad.
- Kontrollera att webhook-svaret från Return Success Payload visar
"status": "success"och inkluderarpdf_url. - Växla arbetsflödet till Active för att aktivera hantering av webhookar i drift.
Vanliga fallgropar
- Gmail-inloggningar kan löpa ut eller kräva specifika behörigheter. Om något slutar fungera: kontrollera Gmail-nodens inloggningsuppgifter i n8n och bekräfta att det anslutna Google-kontot fortfarande har åtkomst.
- Om du använder Wait-noder eller extern rendering varierar bearbetningstiderna. Öka väntetiden om nedströmsnoder fallerar på tomma svar.
- Standardprompter i AI-noder är generiska. Lägg in ert tonalitets- och varumärkesspråk tidigt, annars kommer du att redigera output för alltid.
Vanliga frågor
Cirka 30 minuter om dina Gmail- och PDFMunk-konton är klara.
Nej. Du kopplar in inloggningsuppgifter och klistrar in dina varumärkesvärden i mallen. ”Code”-noden är redan skriven; du testar mest indata.
Ja. n8n har ett gratis självhostat alternativ och en gratis provperiod på n8n Cloud. Cloud-planer börjar på $20/månad för högre volym. Du behöver också räkna med PDFMunks API-kostnader baserat på hur många PDF:er du genererar.
Två alternativ: n8n Cloud (hanterat, enklast att komma igång) eller självhosting på en VPS. För självhosting är Hostinger VPS prisvärt och klarar n8n bra. Självhosting ger dig obegränsade körningar men kräver grundläggande serverhantering.
Ja, och det är en av de bästa anledningarna att använda n8n. Du kan förgrena på ”department” i den inkommande webhook-payloaden och sedan byta färger, logotyper och till och med olika HTML-block i steget ”Compose Signature Markup”. Vissa team har en enkel tabell med varumärkesinställningar i Google Sheets och laddar rätt variant innan rendering. Du kan också lägga till ett godkännande i Slack för roller på ledningsnivå, så att vd:ns signatur inte genereras utifrån ett skrivfel.
Oftast beror det på att behörigheten har gått ut eller att fel Google-konto är anslutet. Anslut Gmail på nytt i n8n och testa igen med en riktig mottagaradress (vissa Google-inställningar blockerar vissa sändmönster). Om det fortfarande misslyckas: kontrollera om er Workspace-admin har begränsningar som stoppar API-baserat skickande.
Väldigt många.
Ofta, ja, eftersom signaturgenerering kräver riktig kontroll över HTML, filhantering och mönstret ”hämta PDF-binär och bifoga den”. n8n är också enklare att bygga ut när du vill ha förgrening (olika avdelningar), loggning eller retries utan att betala per väg. Zapier eller Make kan funka om du gör ett väldigt enkelt flöde ”skicka formulär → skicka mejl”, men PDF-rendering plus bilagor är där många stöter på begränsningar. Om du är osäker, prata med en automatiseringsexpert så får du en rak rekommendation.
När det här väl rullar slutar signaturer vara en återkommande uppgift och blir i stället ett enkelt beställ-och-leverera-system. Sätt upp det en gång och låt onboarding gå snabbare.
Kontakta oss
Hör av dig, så diskuterar vi hur just din verksamhet kan dra nytta av alla fantastiska möjligheter som AI skapar.