{"id":115,"date":"2026-01-19T00:00:00","date_gmt":"2026-01-18T23:00:00","guid":{"rendered":"https:\/\/helloblog.io\/hr\/automatizacija-wordpress-formi-n8n-wpforms\/"},"modified":"2026-01-20T06:33:03","modified_gmt":"2026-01-20T05:33:03","slug":"automatizacija-wordpress-formi-n8n-wpforms","status":"publish","type":"post","link":"https:\/\/helloblog.io\/hr\/automatizacija-wordpress-formi-n8n-wpforms\/","title":{"rendered":"Automatizacija WordPress formi s n8n + WPForms: od prijave do workflowa bez ru\u010dnog copy\/pastea"},"content":{"rendered":"\n<p>WordPress forme su \u010desto prva to\u010dka kontakta s klijentom: kontakt, upit za ponudu, prijava na newsletter, narud\u017eba. Problem nastaje kad se sve nakon submit-a svodi na ru\u010dni rad: otvori mail, kopiraj e-mail adresu, zalijepi u tablicu, napravi task, po\u0161alji follow-up. To je spor proces, pun sitnih gre\u0161aka i lako se dogodi da ne\u0161to jednostavno promakne.<\/p>\n\n\n\n<p>Dobra vijest: uz <strong>WPForms<\/strong> i <strong>n8n<\/strong> mo\u017ee\u0161 pretvoriti svaki submit forme u automatizirani workflow. n8n je alat za automatizaciju procesa (workflow automation) koji prima podatke preko <strong>webhooka<\/strong> (HTTP endpoint koji \u201cslu\u0161a\u201d doga\u0111aje) i onda ih \u0161alje dalje u druge servise (Sheets, Slack, CRM, email marketing\u2026).<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u0160to je n8n (i za\u0161to ga developeri \u010desto preferiraju)?<\/h2>\n\n\n\n<p>n8n je vizualni workflow editor koji spaja aplikacije i API-je. Najprakti\u010dniji na\u010din razmi\u0161ljanja: forma na WordPressu po\u0161alje payload, n8n ga primi, obradi (filtrira, formatira, grananje logike) i okine akcije u jednoj ili vi\u0161e aplikacija.<\/p>\n\n\n\n<p>Za razliku od tipi\u010dnih \u201cspoji A u B\u201d integracija, n8n je ugodan kad ti treba ne\u0161to slo\u017eenije: primjerice, ako je dr\u017eava HR po\u0161alji lead u jedan pipeline, a ako je EU u drugi; ili upi\u0161i u Sheets, pa po\u0161alji Slack poruku, pa kreiraj follow-up task.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">n8n vs Zapier\/Make: prakti\u010dne razlike koje se osjete u projektu<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Hosting:<\/strong> n8n mo\u017ee biti cloud ili self-hosted (na tvom serveru); Zapier\/Make su tipi\u010dno cloud-only.<\/li>\n\n\n<li><strong>Privatnost podataka:<\/strong> kod self-hosted n8n-a podaci ostaju pod tvojom kontrolom; kod cloud alata prolaze kroz njihovu infrastrukturu.<\/li>\n\n\n<li><strong>Fleksibilnost:<\/strong> n8n je vrlo fleksibilan za kompleksnu logiku i prilagodbe; kod linearnih integracija brzo do\u0111e\u0161 do limita.<\/li>\n\n\n<li><strong>Tro\u0161ak:<\/strong> n8n ima besplatnu self-hosted opciju, ali WPForms integracija koju koristimo je dio WPForms Pro addona (o tome ni\u017ee).<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Preduvjeti: \u0161to ti treba prije nego krene\u0161<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>WPForms Pro (ili vi\u0161i plan):<\/strong> n8n integracija dolazi kao premium addon.<\/li>\n\n\n<li><strong>WPForms plugin:<\/strong> prema uputama integracija radi s WPForms <strong>1.9.8.1 ili novijim<\/strong>.<\/li>\n\n\n<li><strong>n8n ra\u010dun:<\/strong> mo\u017ee\u0161 koristiti cloud (uz trial) ili self-hosted instalaciju; n8n.io nudi startnu to\u010dku za cloud varijantu.<\/li>\n\n<\/ul>\n\n\n\n<div class=\"wp-block-group callout callout-info is-style-info is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:8px;padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem\">\n\n<h4 class=\"wp-block-heading callout-title\">Terminologija koju \u0107emo koristiti<\/h4>\n\n\n<p><strong>Trigger<\/strong> je doga\u0111aj koji pokre\u0107e workflow (npr. submit forme). <strong>Action node<\/strong> je korak koji radi neku akciju (npr. upis reda u Google Sheets). <strong>Webhook URL<\/strong> je endpoint u n8n-u na koji WPForms \u0161alje podatke.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 1: Kreiraj workflow u n8n-u (WPForms Trigger + Production webhook)<\/h2>\n\n\n\n<p>Kre\u0107emo u n8n-u jer nam prvo treba webhook endpoint na koji \u0107e WordPress slati podatke.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Ulogiraj se u n8n i na dashboardu odaberi <strong>Start from scratch<\/strong> za novi workflow.<\/li>\n\n\n<li>Na canvasu klikni <strong>+<\/strong> i potra\u017ei node <strong>WPForms Trigger<\/strong>.<\/li>\n\n\n<li>Ako ga prvi put koristi\u0161, n8n \u0107e tra\u017eiti da klikne\u0161 <strong>Install node<\/strong>. Nakon instalacije odaberi <strong>Add to workflow<\/strong>.<\/li>\n\n\n<li>Otvori postavke nodea, kartica <strong>Parameters<\/strong> \u2192 pro\u0161iri <strong>Webhook URLs<\/strong> \u2192 prebaciti na <strong>Production URL<\/strong> i kopiraj URL. Production URL je bitan jer je namijenjen radu \u201c24\/7\u201d, ne samo dok je editor otvoren.<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"383\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-start-from-scratch.jpg\" alt=\"n8n dashboard s opcijom Start from scratch za kreiranje novog workflowa\" class=\"wp-image-102\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-start-from-scratch.jpg 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-start-from-scratch-300x169.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-start-from-scratch-400x225.jpg 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"383\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-trigger.jpg\" alt=\"Odabir WPForms Trigger nodea u n8n-u\" class=\"wp-image-103\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-trigger.jpg 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-trigger-300x169.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-trigger-400x225.jpg 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"382\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-production-url.jpg\" alt=\"Prikaz Production URL webhooka u WPForms Trigger nodeu u n8n-u\" class=\"wp-image-104\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-production-url.jpg 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-production-url-300x169.jpg 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-production-url-400x225.jpg 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\">Kopiraj Production URL \u2013 njega lijepimo u WPForms. \u2014 <em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 2: U WPForms uklju\u010di n8n addon i zalijepi webhook URL<\/h2>\n\n\n\n<p>Sad prelazimo u WordPress admin. Mo\u017ee\u0161 koristiti postoje\u0107u formu (npr. kontakt), ili napraviti novu \u2014 bitno je da se submit okida i da su polja definirana.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>Otvori formu u WPForms builderu.<\/li>\n\n\n<li>U lijevom meniju idi na <strong>Marketing \u00bb n8n<\/strong>.<\/li>\n\n\n<li>Ako addon nije instaliran, WPForms \u0107e ponuditi instalaciju \u2014 klikni <strong>Yes, Install and Activate<\/strong>.<\/li>\n\n\n<li>Kad je addon aktivan, uklju\u010di prekida\u010d <strong>Enable n8n Integration<\/strong>.<\/li>\n\n\n<li>U polje <strong>Webhook URL<\/strong> zalijepi Production URL koji si kopirao iz n8n-a.<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"329\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-marketing-n8n.png\" alt=\"WPForms form builder s odjeljkom Marketing i opcijom n8n\" class=\"wp-image-105\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-marketing-n8n.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-marketing-n8n-300x145.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-marketing-n8n-400x194.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"285\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-install-activate-n8n-addon.png\" alt=\"WPForms popup za instalaciju i aktivaciju n8n addona\" class=\"wp-image-106\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-install-activate-n8n-addon.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-install-activate-n8n-addon-300x126.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-install-activate-n8n-addon-400x168.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"382\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-integration-settings.png\" alt=\"WPForms n8n integration settings: Webhook URL, Secret Key, Trigger Event i Field Mapping\" class=\"wp-image-107\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-integration-settings.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-integration-settings-300x169.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-integration-settings-400x225.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\">Ovdje se spaja webhook i mapiraju polja koja \u0161alje\u0161 u n8n. \u2014 <em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"291\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-webhook-url.png\" alt=\"Unos n8n webhook URL-a u WPForms polje Webhook URL\" class=\"wp-image-108\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-webhook-url.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-webhook-url-300x128.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-n8n-webhook-url-400x171.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group callout callout-warning is-style-warning is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:8px;padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem\">\n\n<h4 class=\"wp-block-heading callout-title\">Napomena za localhost\/dev okru\u017eenja<\/h4>\n\n\n<p>Ako testira\u0161 na localhostu, provjera konekcije mo\u017ee pasti zbog mre\u017enih ograni\u010denja. To ne mora zna\u010diti da integracija u produkciji ne\u0107e raditi\u2014samo pripazi na dostupnost webhook endpointa.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 3: Secret Key \u2013 mala stvar koja spa\u0161ava workflow od ne\u017eeljenih poziva<\/h2>\n\n\n\n<p>WPForms automatski generira <strong>Secret Key<\/strong>. To je jednostavan mehanizam kojim n8n mo\u017ee provjeriti da zahtjev dolazi ba\u0161 s tvoje WPForms forme, a ne s nekog random skripta koji puca po webhooku.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>U WPForms n8n postavkama kopiraj vrijednost iz polja <strong>Secret Key<\/strong>.<\/li>\n\n\n<li>Vrati se u n8n, otvori postavke <strong>WPForms Trigger<\/strong> nodea i zalijepi klju\u010d u polje <strong>Secret Key<\/strong>.<\/li>\n\n\n<li>Spremi promjene u workflowu.<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"278\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-secret-key.png\" alt=\"Unos WPForms Secret Key vrijednosti u WPForms Trigger node u n8n-u\" class=\"wp-image-109\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-secret-key.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-secret-key-300x123.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-wpforms-secret-key-400x164.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 4: Odaberi trigger event i mapiraj polja (da payload ima smisla)<\/h2>\n\n\n\n<p>U WPForms-u definira\u0161 <em>kada<\/em> se \u0161alju podaci i <em>koja polja<\/em> \u0161alje\u0161. Ovo je va\u017ean dio jer ti u n8n-u kasnije olak\u0161ava mapiranje u druge nodeove.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Trigger Event: kada se workflow okida<\/h3>\n\n\n\n<p>WPForms nudi tri opcije:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li><strong>Form Submitted (preporu\u010deno):<\/strong> okida se svaki put kad korisnik po\u0161alje formu.<\/li>\n\n\n<li><strong>Entry Marked as Spam:<\/strong> okida se samo za prijave ozna\u010dene kao spam.<\/li>\n\n\n<li><strong>Payment Processed:<\/strong> okida se nakon uspje\u0161ne uplate (korisno za order\/payment forme).<\/li>\n\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"192\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-trigger-event.png\" alt=\"WPForms dropdown za Trigger Event: Form Submitted, Entry Marked as Spam, Payment Processed\" class=\"wp-image-110\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-trigger-event.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-trigger-event-300x85.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-trigger-event-400x113.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Field Mapping: kako nazvati podatke koje \u0161alje\u0161 u n8n<\/h3>\n\n\n\n<p>U sekciji <strong>Field Mapping<\/strong> dodaje\u0161 parove: <strong>Parameter Key<\/strong> (tvoj naziv) \u2192 odabir WPForms polja. Primjer: <code>email<\/code> \u2192 polje Email. Poanta je da n8n dobije konzistentne klju\u010deve koje lako koristi\u0161 u action nodeovima.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Koristi kratke, <strong>lowercase<\/strong> klju\u010deve (npr. <code>name<\/code>, <code>email<\/code>, <code>phone<\/code>).<\/li>\n\n\n<li>Mapiraj samo ono \u0161to stvarno treba\u0161 slati (manje podataka = manje rizika).<\/li>\n\n\n<li>Ne zaboravi kliknuti <strong>Save<\/strong> u builderu nakon mapiranja.<\/li>\n\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"240\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-field-mapping.png\" alt=\"WPForms Field Mapping: Parameter Key i odabir polja iz forme\" class=\"wp-image-111\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-field-mapping.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-field-mapping-300x106.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/wpforms-field-mapping-400x141.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\">Klju\u010devi koje ovdje definira\u0161 pojavljuju se u n8n-u kao dostupni podaci za daljnje korake. \u2014 <em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 5: Dodaj action nodeove u n8n i aktiviraj workflow<\/h2>\n\n\n\n<p>U ovom trenutku n8n zna primiti submit, ali jo\u0161 ne radi ni\u0161ta s njim. Zato dodajemo <strong>Action<\/strong> korake.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>U n8n canvasu, na desnoj strani WPForms trigger nodea klikni <strong>+<\/strong> da doda\u0161 sljede\u0107i node.<\/li>\n\n\n<li>Odaberi aplikaciju\/servis u koji \u0161alje\u0161 podatke (npr. Google Sheets, Slack, Microsoft Teams, Mailchimp, ActiveCampaign\u2026).<\/li>\n\n\n<li>U postavkama nodea rije\u0161i <strong>Credentials\/Authentication<\/strong> (login\/API key), jer bez toga n8n ne mo\u017ee pisati u vanjske servise.<\/li>\n\n\n<li>U mapiranju polja unutar action nodea iskoristi klju\u010deve iz WPForms-a (npr. <code>email<\/code>).<\/li>\n\n\n<li>Klikni <strong>Save<\/strong>, zatim prebaci workflow toggle na <strong>Active<\/strong>.<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"382\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-add-action-node.png\" alt=\"Dodavanje action nodea u n8n workflow nakon WPForms triggera\" class=\"wp-image-112\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-add-action-node.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-add-action-node-300x169.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-add-action-node-400x225.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"244\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-active-toggle.png\" alt=\"n8n prekida\u010d za aktivaciju workflowa (Active)\" class=\"wp-image-113\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-active-toggle.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-active-toggle-300x108.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-active-toggle-400x144.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\">Workflow mora biti aktivan da bi Production webhook radio kontinuirano. \u2014 <em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group callout callout-info is-style-info is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:8px;padding-top:1rem;padding-right:1.5rem;padding-bottom:1rem;padding-left:1.5rem\">\n\n<h4 class=\"wp-block-heading callout-title\">Tip: jedan submit, vi\u0161e destinacija<\/h4>\n\n\n<p>n8n nije ograni\u010den na jedan \u201cizlaz\u201d. Mo\u017ee\u0161 paralelno dodati upis u Sheets, poslati Slack notifikaciju i kreirati task u CRM-u\u2014sve iz istog WPForms triggera.<\/p>\n\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Korak 6: Testiranje \u2014 kako provjeriti da sve radi prije produkcije<\/h2>\n\n\n\n<p>Testiranje je dio koji naj\u010de\u0161\u0107e presko\u010dimo, a kasnije pla\u0107amo vremenom. n8n ima jednostavan na\u010din da workflow stavi u \u201clistening\u201d re\u017eim i uhvati testni submit.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n\n<li>U n8n editoru klikni <strong>Execute workflow<\/strong> (prije submit-a na webu).<\/li>\n\n\n<li>Na WordPress stranici po\u0161alji testni unos kroz formu (ispuni sva polja).<\/li>\n\n\n<li>Vrati se u n8n i provjeri je li trigger primio payload i jesu li action nodeovi odradili \u0161to trebaju.<\/li>\n\n\n<li>Ako ne\u0161to ne radi, prvo provjeri: je li workflow <strong>Active<\/strong>, je li webhook URL identi\u010dan, je li <strong>Secret Key<\/strong> uskla\u0111en, i jesu li WPForms field mapping klju\u010devi postavljeni kako o\u010dekuje\u0161.<\/li>\n\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"680\" height=\"297\" src=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-execute-workflow.png\" alt=\"n8n gumb Execute workflow za testiranje i hvatanje ulaznih podataka\" class=\"wp-image-114\" srcset=\"https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-execute-workflow.png 680w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-execute-workflow-300x131.png 300w, https:\/\/helloblog.io\/app\/uploads\/sites\/22\/2026\/01\/n8n-execute-workflow-400x175.png 400w\" sizes=\"auto, (max-width: 680px) 100vw, 680px\" \/><figcaption class=\"wp-element-caption\"><em>Forr\u00e1s: WPBeginner.com<\/em><\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">FAQ: prakti\u010dna pitanja koja iskrsnu u stvarnim implementacijama<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Mogu li sprije\u010diti WPForms da sprema unose u WordPress bazu ako sve \u0161aljem u n8n?<\/h3>\n\n\n\n<p>Da. U WPForms builderu idi na <strong>Settings \u00bb General<\/strong>, u <strong>Advanced<\/strong> sekciji uklju\u010di opciju <strong>Disable storing entry information in WordPress<\/strong>. Time se unosi ne\u0107e spremati u bazu.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u0160to ako obri\u0161em WPForms node iz n8n workflowa?<\/h3>\n\n\n\n<p>Forma vi\u0161e ne\u0107e okidati workflow. Rje\u0161enje je ponovno dodati <strong>WPForms Trigger<\/strong> node, uzeti njegov novi <strong>Production URL<\/strong> i a\u017eurirati <strong>Webhook URL<\/strong> u WPForms postavkama forme.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mogu li koristiti n8n besplatno s WPForms-om?<\/h3>\n\n\n\n<p>n8n mo\u017ee biti besplatan ako ga self-host-a\u0161, ali <strong>WPForms n8n addon<\/strong> zahtijeva <strong>WPForms Pro<\/strong> licencu (ili vi\u0161u), jer je integracija dio premium funkcionalnosti.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Koje tipi\u010dne procese ima smisla automatizirati?<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>Upis leadova u CRM ili Google Sheets \u010dim forma do\u0111e.<\/li>\n\n\n<li>Notifikacije timu (Slack\/Teams) za nove upite.<\/li>\n\n\n<li>Automatski follow-up e-mail ili dodavanje u email marketing listu.<\/li>\n\n\n<li>Posebne grane logike za spam ili za uspje\u0161no procesirana pla\u0107anja (ovisno o trigger eventu).<\/li>\n\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Sa\u017eetak: \u0161to si dobio ovom integracijom<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n\n<li>WPForms submit vi\u0161e nije \u201cemail u inboxu\u201d, nego strukturirani payload u workflowu.<\/li>\n\n\n<li>n8n ti daje vizualnu kontrolu nad logikom i mogu\u0107nost slanja u vi\u0161e alata odjednom.<\/li>\n\n\n<li>Production webhook + Secret Key je dobar minimum za pouzdanost i sigurnost.<\/li>\n\n\n<li>Field mapping u WPForms-u \u010dini sve dalje u n8n-u br\u017eim i \u010di\u0161\u0107im.<\/li>\n\n<\/ul>\n\n\n<div class=\"references-section\">\n                <h2>Reference \/ Izvori<\/h2>\n                <ul class=\"references-list\"><li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-automate-wordpress-forms-with-n8n\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Automate WordPress Forms With n8n &#8212; Save Hours of Manual Work<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/how-to-add-n8n-like-automation-in-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Add n8n Like Automation in WordPress<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-create-automated-workflows-in-wordpress-with-uncanny-automator\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Create Automated Workflows in WordPress With Uncanny Automator<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/beginners-guide\/make-com-like-automation-in-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Set Up Make.com-Like Automation in WordPress<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-connect-any-wordpress-forms-to-google-sheets\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Connect Any WordPress Forms to Google Sheets (Easy Way)<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-send-confirmation-emails-after-wordpress-form-submission\/\" target=\"_blank\" rel=\"noopener noreferrer\">How to Send Confirmation Emails After WordPress Form Submission<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/plugins\/how-to-block-contact-form-spam-in-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">How We Block Contact Form Spam in WordPress (9 Proven Ways)<\/a><\/li><li><a href=\"https:\/\/www.wpbeginner.com\/glossary\/localhost\/\" target=\"_blank\" rel=\"noopener noreferrer\">Glossary: localhost<\/a><\/li><li><a href=\"https:\/\/wpforms.com\" target=\"_blank\" rel=\"noopener noreferrer\">WPForms &#8211; Drag &amp; Drop WordPress Form Builder<\/a><\/li><li><a href=\"https:\/\/n8n.io\/\" target=\"_blank\" rel=\"noopener noreferrer\">https:\/\/n8n.io\/<\/a><\/li><\/ul>\n            <\/div>","protected":false},"excerpt":{"rendered":"<p>Ako ti prijave s kontakt forme zavr\u0161avaju u inboxu pa ih ru\u010dno prepisuje\u0161 u CRM, Sheets ili Slack, ovo je recept za gubitak vremena. U nastavku povezujemo WPForms s n8n preko webhooks i sla\u017eemo workflow koji odmah distribuira podatke tamo gdje trebaju biti.<\/p>\n","protected":false},"author":43,"featured_media":101,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[62,61,63,10,60],"class_list":["post-115","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-vodici","tag-automatizacija","tag-n8n","tag-webhook","tag-wordpress","tag-wpforms"],"_links":{"self":[{"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/posts\/115","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/users\/43"}],"replies":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/comments?post=115"}],"version-history":[{"count":1,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/posts\/115\/revisions"}],"predecessor-version":[{"id":135,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/posts\/115\/revisions\/135"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/media\/101"}],"wp:attachment":[{"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/media?parent=115"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/categories?post=115"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/helloblog.io\/hr\/wp-json\/wp\/v2\/tags?post=115"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}