---
title: "Automatizacija WordPress formi s n8n + WPForms: od prijave do workflowa bez ručnog copy/pastea"
url: "https://helloblog.io/hr/automatizacija-wordpress-formi-n8n-wpforms/"
date: "2026-01-19"
modified: "2026-01-20"
author: "Marko Kovačić"
language: "hr_HR"
categories: ["Vodiči"]
tags: ["automatizacija", "n8n", "webhook", "WordPress", "WPForms"]
featured_image: "https://helloblog.io/app/uploads/sites/22/2026/01/featured-5-1024x572.jpg"
excerpt: "Ako ti prijave s kontakt forme završavaju u inboxu pa ih ručno prepisuješ u CRM, Sheets ili Slack, ovo je recept za gubitak vremena. U nastavku povezujemo WPForms s n8n preko webhooks i slažemo workflow koji odmah distribuira podatke tamo gdje trebaju biti."
---

# 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.

#### Terminologija koju ćemo koristiti

**Trigger** je događaj koji pokreće workflow (npr. submit forme). **Action node** je korak koji radi neku akciju (npr. upis reda u Google Sheets). **Webhook URL** je endpoint u n8n-u na koji WPForms šalje podatke.

## 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.

![n8n dashboard s opcijom Start from scratch za kreiranje novog workflowa](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-start-from-scratch.jpg)

**Forrás: WPBeginner.com**

![Odabir WPForms Trigger nodea u n8n-u](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-wpforms-trigger.jpg)

**Forrás: WPBeginner.com**

![Prikaz Production URL webhooka u WPForms Trigger nodeu u n8n-u](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-production-url.jpg)

*Kopiraj Production URL – njega lijepimo u WPForms. — *Forrás: WPBeginner.com**

## 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.

![WPForms form builder s odjeljkom Marketing i opcijom n8n](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-marketing-n8n.png)

**Forrás: WPBeginner.com**

![WPForms popup za instalaciju i aktivaciju n8n addona](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-install-activate-n8n-addon.png)

**Forrás: WPBeginner.com**

![WPForms n8n integration settings: Webhook URL, Secret Key, Trigger Event i Field Mapping](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-n8n-integration-settings.png)

*Ovdje se spaja webhook i mapiraju polja koja šalješ u n8n. — *Forrás: WPBeginner.com**

![Unos n8n webhook URL-a u WPForms polje Webhook URL](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-n8n-webhook-url.png)

**Forrás: WPBeginner.com**

#### Napomena za localhost/dev okruženja

Ako testiraš na localhostu, provjera konekcije može pasti zbog mrežnih ograničenja. To ne mora značiti da integracija u produkciji neće raditi—samo pripazi na dostupnost webhook endpointa.

## 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.

![Unos WPForms Secret Key vrijednosti u WPForms Trigger node u n8n-u](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-wpforms-secret-key.png)

**Forrás: WPBeginner.com**

## 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).

![WPForms dropdown za Trigger Event: Form Submitted, Entry Marked as Spam, Payment Processed](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-trigger-event.png)

**Forrás: WPBeginner.com**

### 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.

![WPForms Field Mapping: Parameter Key i odabir polja iz forme](https://helloblog.io/app/uploads/sites/22/2026/01/wpforms-field-mapping.png)

*Ključevi koje ovdje definiraš pojavljuju se u n8n-u kao dostupni podaci za daljnje korake. — *Forrás: WPBeginner.com**

## 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**.

![Dodavanje action nodea u n8n workflow nakon WPForms triggera](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-add-action-node.png)

**Forrás: WPBeginner.com**

![n8n prekidač za aktivaciju workflowa (Active)](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-active-toggle.png)

*Workflow mora biti aktivan da bi Production webhook radio kontinuirano. — *Forrás: WPBeginner.com**

#### Tip: jedan submit, više destinacija

n8n nije ograničen na jedan “izlaz”. Možeš paralelno dodati upis u Sheets, poslati Slack notifikaciju i kreirati task u CRM-u—sve iz istog WPForms triggera.

## 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š.

![n8n gumb Execute workflow za testiranje i hvatanje ulaznih podataka](https://helloblog.io/app/uploads/sites/22/2026/01/n8n-execute-workflow.png)

**Forrás: WPBeginner.com**

## 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.

## Reference / Izvori

- [How to Automate WordPress Forms With n8n — Save Hours of Manual Work](https://www.wpbeginner.com/wp-tutorials/how-to-automate-wordpress-forms-with-n8n/)
- [How to Add n8n Like Automation in WordPress](https://www.wpbeginner.com/beginners-guide/how-to-add-n8n-like-automation-in-wordpress/)
- [How to Create Automated Workflows in WordPress With Uncanny Automator](https://www.wpbeginner.com/plugins/how-to-create-automated-workflows-in-wordpress-with-uncanny-automator/)
- [How to Set Up Make.com-Like Automation in WordPress](https://www.wpbeginner.com/beginners-guide/make-com-like-automation-in-wordpress/)
- [How to Connect Any WordPress Forms to Google Sheets (Easy Way)](https://www.wpbeginner.com/wp-tutorials/how-to-connect-any-wordpress-forms-to-google-sheets/)
- [How to Send Confirmation Emails After WordPress Form Submission](https://www.wpbeginner.com/plugins/how-to-send-confirmation-emails-after-wordpress-form-submission/)
- [How We Block Contact Form Spam in WordPress (9 Proven Ways)](https://www.wpbeginner.com/plugins/how-to-block-contact-form-spam-in-wordpress/)
- [Glossary: localhost](https://www.wpbeginner.com/glossary/localhost/)
- [WPForms – Drag & Drop WordPress Form Builder](https://wpforms.com)
- [https://n8n.io/](https://n8n.io/)