Automatizacija WordPress formi s n8n + WPForms: od prijave do workflowa bez ručnog copy/pastea

WordPress forme su često prva točka kontakta s klijentom: kontakt, upit za ponudu, prijava na newsletter, narudžba. Problem nastaje kad se sve nakon submit-a svodi na ručni rad: otvori mail, kopiraj e-mail adresu, zalijepi u tablicu, napravi task, pošalji follow-up. To je spor proces, pun sitnih grešaka i lako se dogodi da nešto jednostavno promakne.

Dobra vijest: uz WPForms i n8n možeš pretvoriti svaki submit forme u automatizirani workflow. n8n je alat za automatizaciju procesa (workflow automation) koji prima podatke preko webhooka (HTTP endpoint koji “sluša” događaje) i onda ih šalje dalje u druge servise (Sheets, Slack, CRM, email marketing…).

Što je n8n (i zašto ga developeri često preferiraju)?

n8n je vizualni workflow editor koji spaja aplikacije i API-je. Najpraktičniji način razmišljanja: forma na WordPressu pošalje payload, n8n ga primi, obradi (filtrira, formatira, grananje logike) i okine akcije u jednoj ili više aplikacija.

Za razliku od tipičnih “spoji A u B” integracija, n8n je ugodan kad ti treba nešto složenije: primjerice, ako je država HR pošalji lead u jedan pipeline, a ako je EU u drugi; ili upiši u Sheets, pa pošalji Slack poruku, pa kreiraj follow-up task.

n8n vs Zapier/Make: praktične razlike koje se osjete u projektu

• Hosting: n8n može biti cloud ili self-hosted (na tvom serveru); Zapier/Make su tipično cloud-only.
• Privatnost podataka: kod self-hosted n8n-a podaci ostaju pod tvojom kontrolom; kod cloud alata prolaze kroz njihovu infrastrukturu.
• Fleksibilnost: n8n je vrlo fleksibilan za kompleksnu logiku i prilagodbe; kod linearnih integracija brzo dođeš do limita.
• Trošak: n8n ima besplatnu self-hosted opciju, ali WPForms integracija koju koristimo je dio WPForms Pro addona (o tome niže).

Preduvjeti: što ti treba prije nego kreneš

• WPForms Pro (ili viši plan): n8n integracija dolazi kao premium addon.
• WPForms plugin: prema uputama integracija radi s WPForms 1.9.8.1 ili novijim.
• n8n račun: možeš koristiti cloud (uz trial) ili self-hosted instalaciju; n8n.io nudi startnu točku za cloud varijantu.

Korak 1: Kreiraj workflow u n8n-u (WPForms Trigger + Production webhook)

Krećemo u n8n-u jer nam prvo treba webhook endpoint na koji će WordPress slati podatke.

1. Ulogiraj se u n8n i na dashboardu odaberi Start from scratch za novi workflow.
2. Na canvasu klikni + i potraži node WPForms Trigger.
3. Ako ga prvi put koristiš, n8n će tražiti da klikneš Install node. Nakon instalacije odaberi Add to workflow.
4. Otvori postavke nodea, kartica Parameters → proširi Webhook URLs → prebaciti na Production URL i kopiraj URL. Production URL je bitan jer je namijenjen radu “24/7”, ne samo dok je editor otvoren.

Korak 2: U WPForms uključi n8n addon i zalijepi webhook URL

Sad prelazimo u WordPress admin. Možeš koristiti postojeću formu (npr. kontakt), ili napraviti novu — bitno je da se submit okida i da su polja definirana.

1. Otvori formu u WPForms builderu.
2. U lijevom meniju idi na Marketing » n8n.
3. Ako addon nije instaliran, WPForms će ponuditi instalaciju — klikni Yes, Install and Activate.
4. Kad je addon aktivan, uključi prekidač Enable n8n Integration.
5. U polje Webhook URL zalijepi Production URL koji si kopirao iz n8n-a.

Korak 3: Secret Key – mala stvar koja spašava workflow od neželjenih poziva

WPForms automatski generira Secret Key. To je jednostavan mehanizam kojim n8n može provjeriti da zahtjev dolazi baš s tvoje WPForms forme, a ne s nekog random skripta koji puca po webhooku.

1. U WPForms n8n postavkama kopiraj vrijednost iz polja Secret Key.
2. Vrati se u n8n, otvori postavke WPForms Trigger nodea i zalijepi ključ u polje Secret Key.
3. Spremi promjene u workflowu.

Korak 4: Odaberi trigger event i mapiraj polja (da payload ima smisla)

U WPForms-u definiraš kada se šalju podaci i koja polja šalješ. Ovo je važan dio jer ti u n8n-u kasnije olakšava mapiranje u druge nodeove.

Trigger Event: kada se workflow okida

WPForms nudi tri opcije:

• Form Submitted (preporučeno): okida se svaki put kad korisnik pošalje formu.
• Entry Marked as Spam: okida se samo za prijave označene kao spam.
• Payment Processed: okida se nakon uspješne uplate (korisno za order/payment forme).

Field Mapping: kako nazvati podatke koje šalješ u n8n

U sekciji Field Mapping dodaješ parove: Parameter Key (tvoj naziv) → odabir WPForms polja. Primjer: email → polje Email. Poanta je da n8n dobije konzistentne ključeve koje lako koristiš u action nodeovima.

• Koristi kratke, lowercase ključeve (npr. name, email, phone).
• Mapiraj samo ono što stvarno trebaš slati (manje podataka = manje rizika).
• Ne zaboravi kliknuti Save u builderu nakon mapiranja.

Korak 5: Dodaj action nodeove u n8n i aktiviraj workflow

U ovom trenutku n8n zna primiti submit, ali još ne radi ništa s njim. Zato dodajemo Action korake.

1. U n8n canvasu, na desnoj strani WPForms trigger nodea klikni + da dodaš sljedeći node.
2. Odaberi aplikaciju/servis u koji šalješ podatke (npr. Google Sheets, Slack, Microsoft Teams, Mailchimp, ActiveCampaign…).
3. U postavkama nodea riješi Credentials/Authentication (login/API key), jer bez toga n8n ne može pisati u vanjske servise.
4. U mapiranju polja unutar action nodea iskoristi ključeve iz WPForms-a (npr. email).
5. Klikni Save, zatim prebaci workflow toggle na Active.

Korak 6: Testiranje — kako provjeriti da sve radi prije produkcije

Testiranje je dio koji najčešće preskočimo, a kasnije plaćamo vremenom. n8n ima jednostavan način da workflow stavi u “listening” režim i uhvati testni submit.

1. U n8n editoru klikni Execute workflow (prije submit-a na webu).
2. Na WordPress stranici pošalji testni unos kroz formu (ispuni sva polja).
3. Vrati se u n8n i provjeri je li trigger primio payload i jesu li action nodeovi odradili što trebaju.
4. Ako nešto ne radi, prvo provjeri: je li workflow Active, je li webhook URL identičan, je li Secret Key usklađen, i jesu li WPForms field mapping ključevi postavljeni kako očekuješ.

FAQ: praktična pitanja koja iskrsnu u stvarnim implementacijama

Mogu li spriječiti WPForms da sprema unose u WordPress bazu ako sve šaljem u n8n?

Da. U WPForms builderu idi na Settings » General, u Advanced sekciji uključi opciju Disable storing entry information in WordPress. Time se unosi neće spremati u bazu.

Što ako obrišem WPForms node iz n8n workflowa?

Forma više neće okidati workflow. Rješenje je ponovno dodati WPForms Trigger node, uzeti njegov novi Production URL i ažurirati Webhook URL u WPForms postavkama forme.

Mogu li koristiti n8n besplatno s WPForms-om?

n8n može biti besplatan ako ga self-host-aš, ali WPForms n8n addon zahtijeva WPForms Pro licencu (ili višu), jer je integracija dio premium funkcionalnosti.

Koje tipične procese ima smisla automatizirati?

• Upis leadova u CRM ili Google Sheets čim forma dođe.
• Notifikacije timu (Slack/Teams) za nove upite.
• Automatski follow-up e-mail ili dodavanje u email marketing listu.
• Posebne grane logike za spam ili za uspješno procesirana plaćanja (ovisno o trigger eventu).

Sažetak: što si dobio ovom integracijom

• WPForms submit više nije “email u inboxu”, nego strukturirani payload u workflowu.
• n8n ti daje vizualnu kontrolu nad logikom i mogućnost slanja u više alata odjednom.
• Production webhook + Secret Key je dobar minimum za pouzdanost i sigurnost.
• Field mapping u WPForms-u čini sve dalje u n8n-u bržim i čišćim.