Kako dodati reCAPTCHA na WordPress kontakt formu
Kako dodati Google reCAPTCHA na WordPress kontakt formu korak po korak: v2 ili v3, registracija domene, Contact Form 7 i rješavanje problema.
Što je reCAPTCHA?
reCAPTCHA je besplatna Googleova usluga koja štiti vaše web obrasce (npr. kontakt forme) od spambotova i automatskih napada.
Postoje dvije verzije:
- reCAPTCHA v2 – korisnik mora kliknuti “Nisam robot” ili riješiti slike.
- reCAPTCHA v3 – korisnik ne vidi ništa, Google procjenjuje aktivnost u pozadini i dodjeljuje ocjenu.
Zašto koristiti reCAPTCHA na kontakt formi?
Bez reCAPTCHA, WordPress kontakt forme su otvorena vrata za spam robote. Posljedice su:
- stotine lažnih e-mailova dnevno
- pad performansi servera
- narušena reputacija e-mail adrese (ako šaljete mnogo spama nehotice)
reCAPTCHA pruža sloj sigurnosti i pouzdanosti.
Koju verziju reCAPTCHA odabrati (v2 ili v3)?
| Verzija | Opis | Preporuka za početnike |
|---|---|---|
| reCAPTCHA v2 | “Nisam robot” + slike | ✅ Da |
| reCAPTCHA v3 | Nevidljiva, ocjena ponašanja | Samo uz dodatnu konfiguraciju |
Za WordPress korisnike koji koriste Contact Form 7 ili WPForms, preporučujemo reCAPTCHA v2 Checkbox zbog stabilnosti i jednostavnosti.
Priprema: registracija domene u Google reCAPTCHA konzoli
-
Prijavi se Google računom
-
Unesi ime etikete (npr. “Moj Web - reCAPTCHA”)
-
Odaberi verziju:
- reCAPTCHA v2 → “I’m not a robot” Checkbox
-
Dodaj svoju domenu (bez
https://) -
Označi kućicu Accept the reCAPTCHA Terms of Service
-
Klikni Submit
Nakon toga ćeš dobiti dva podatka:
- Site Key
- Secret Key
Sačuvaj ih – trebat ćeš ih kasnije unijeti u WordPress.
Dodavanje reCAPTCHA na Contact Form 7
Korak 1: Instalacija Contact Form 7
Ako već nemaš, instaliraj plugin:
- Idi na Plugins > Add New
- Traži Contact Form 7
- Klikni Install i zatim Activate
Korak 2: Unesi reCAPTCHA ključeve
- Idi na Contact > Integration
- Klikni reCAPTCHA > Setup Integration
- Unesi Site Key i Secret Key iz Google konzole
- Klikni Save Changes
Napomena: Ako koristiš v3, ne moraš ručno dodavati reCAPTCHA u formu. Ako koristiš v2, moraš ga umetnuti ručno u formu.
Korak 3: Dodavanje u formu (samo za v2)
Idi na Contact > Forms, odaberi svoju formu.
Uredi formu i na kraj dodaj kod:
[recaptcha] u html kao shortkod.
To će prikazati “I’m not a robot” checkbox na tvojoj formi.
Testiranje i rješavanje problema
Test funkcionalnosti:
- Otvori formu u incognito prozoru
- Pošalji test poruku
- Ako vidiš reCAPTCHA i forma se pošalje → sve je u redu
| Problem | Rješenje |
|---|---|
| reCAPTCHA se ne prikazuje | Provjeri jesu li ispravno uneseni ključevi |
| Forma javlja “invalid key type” | Provjeri jesi li u Google konzoli odabrao v2 |
| Pojavljuju se greške u JavaScript konzoli | Provjeri imaš li konflikt s cache pluginovima |
Alternativni pluginovi za reCAPTCHA
Ako ne koristiš Contact Form 7, postoje i druge opcije:
- WPForms + reCAPTCHA – jednostavno kroz UI
- Fluent Forms
- Gravity Forms
- Advanced noCaptcha & Invisible Captcha – radi sa svim formama (uključujući login i komentare)
Za širu zaštitu možeš dodati reCAPTCHA i na:
- login formu
- registraciju
- komentare
- WooCommerce checkout
Trebaš pomoć? Vizibot ti rado pomaže
Ako ne želiš riskirati pogrešnu implementaciju reCAPTCHA ili gubljenje poruka — prepusti to profesionalcima.
U Vizibotu optimiziramo WordPress stranice do zadnjeg piksela – uključujući:
- sigurnu zaštitu kontakt formi
- brzu implementaciju bez bugova
- testiranje i prilagodbu dizajna
Pošalji nam poruku putem kontakt stranice – odgovaramo brzo!