Elementor + reCAPTCHA: anti-spam
I form aperti su internet ricevono migliaia di submission spam ogni mese. Integrare Google reCAPTCHA su form Elementor blocca quasi tutti i bot senza penalizzare gli utenti reali. Vediamo come configurarlo correttamente.
Versioni reCAPTCHA
Google offre due versioni di reCAPTCHA: v2 (checkbox Im not a robot, talvolta con sfide visive), e v3 (invisibile, basato su score 0-1 di confidenza). Elementor supporta entrambe. v3 e migliore per UX (nessuna interazione utente) ma richiede tuning dello score threshold. v2 e più sicura ma più intrusiva.
Generare chiavi reCAPTCHA
Vai su google.com/recaptcha/admin, accedi col tuo account Google, registra un nuovo sito. Scegli tipologia (v2 o v3), aggiungi domini (es. tuosito.it, tuosito.com). Ricevi Site Key (pubblica) e Secret Key (privata). La secret va inserita in Elementor.
v3 e score threshold
Il v3 restituisce uno score tra 0.0 (bot) e 1.0 (umano). Elementor di default accetta submission con score > 0.5. Puoi alzarlo a 0.7 per maggiore protezione, o abbassarlo a 0.3 se troppi falsi positivi. Monitora dashboard reCAPTCHA per calibrare.
Approfondimento tecnico
Quando si lavora con Elementor su progetti reali e fondamentale conoscere alcune sfumature spesso trascurate nei tutorial introduttivi. La prima riguarda la gestione della cache: ogni modifica significativa alla pagina richiede un refresh sia della cache server sia di quella browser; in ambienti con LiteSpeed, WP Rocket o Cloudflare APO occorre invalidare manualmente la URL modificata. La seconda sfumatura riguarda il conflitto con i Custom Post Type: i CPT registrati da plugin terzi non sempre supportano nativamente Elementor; per abilitarli vai su Elementor > Settings > General > Post Types e seleziona quelli che vuoi rendere editabili dal builder. Terza sfumatura: la gestione delle revisioni. Elementor sfrutta il sistema di revisioni nativo WordPress, quindi limita il numero di revisioni con la costante WP_POST_REVISIONS a 10 per evitare bloat del database, soprattutto su siti con tante pagine.
Consigli pratici per il workflow agency
Nel quotidiano di un'agenzia che gestisce decine di siti Elementor emergono alcune best practice trasversali. La prima e la standardizzazione: usa sempre lo stesso tema base (Hello Elementor o Astra), gli stessi widget plugin (es. Essential Addons o Happy Addons), e gli stessi plugin di caching su tutti i progetti. Così il team riconosce immediatamente l'ambiente e accelera il debug. La seconda e la creazione di una libreria interna di template: ogni volta che progetti una sezione efficace (hero, pricing, contatti) salvala come template globale. Avrai una libreria proprietaria che velocizza nuovi progetti. La terza riguarda la documentazione cliente: prepara un mini-manuale PDF di 4-5 pagine che spiega al cliente come modificare testi e immagini in autonomia, evitando ticket di supporto banali.
Considerazioni SEO e Core Web Vitals
Elementor e stato spesso accusato di generare codice pesante, ma negli ultimi due anni il team ha investito molto in performance. Gli Esperimenti attivati di default in versione 3.20+ riducono il CSS inutilizzato del 40-60%. Tuttavia per ottenere punteggi PageSpeed superiori a 90 occorre lavorare anche sul lato server (PHP 8.2+, OPcache attivo, Redis object cache se disponibile), sul lato immagini (WebP, lazy load, dimensioni corrette) e sul lato font (preload, subsetting, max 2 famiglie). Per i Core Web Vitals presta attenzione a tre metriche: LCP (mantienilo sotto 2,5 secondi: l'immagine hero deve essere ottimizzata e in eager loading), CLS (zero shift: imposta dimensioni esplicite a tutte le immagini e prenota spazio per banner dinamici), INP (interaction to next paint sotto 200ms: riduci JavaScript bloccante e widget pesanti above-the-fold).
Checklist finale e manutenzione
Prima di considerare un progetto Elementor concluso esegui una checklist sistematica. Apri ogni pagina dalla console DevTools (F12) e controlla che non ci siano errori JavaScript: spesso un widget mal configurato genera errori silenti che impattano l'UX su browser specifici. Verifica la responsivita simulando i device più comuni: iPhone SE per mobile small, iPad per tablet, laptop 1366x768 per desktop. Esegui un Lighthouse audit su tre pagine campione (homepage, una landing, un singolo post) e annota i punteggi base: serviranno come benchmark per le ottimizzazioni successive. Controlla i link interni con Screaming Frog o Ahrefs Site Audit per individuare eventuali 404 generati dalla migrazione. Per la manutenzione mensile, schedula: aggiornamenti plugin (sempre dopo backup), controllo log errori PHP, pulizia revisioni database, verifica scadenze licenze (Elementor Pro, plugin premium, certificato SSL). Documenta tutto in un file CHANGELOG.md del progetto: aiuta il team a ricostruire la storia delle modifiche e a diagnosticare regressioni quando emergono nuovi problemi.
Procedura passo-passo
- Vai su google.com/recaptcha/admin e crea un nuovo sito.
- Scegli reCAPTCHA v3 (consigliato per UX).
- Aggiungi i domini del tuo sito.
- Copia Site Key e Secret Key.
- Su WordPress vai su Elementor > Settings > Integrations > reCAPTCHA v3.
- Incolla le chiavi e salva.
- Apri il form Elementor.
- Aggiungi un campo reCAPTCHA v3 dalla sezione Avanzate.
- Imposta score threshold (0.5 default).
- Pubblica e fai test con account anonimo (incognito).
Errori comuni e come risolverli
- Form rigetta utenti reali: score threshold troppo alto. Abbassa a 0.3 e monitora.
- Bot continuano a passare: score troppo basso. Alza a 0.7.
- Errore reCAPTCHA invalid: verifica chiavi. La Site Key deve corrispondere al dominio.
- Conflitto con cache: alcune cache catturano il token reCAPTCHA che scade. Escludi form da cache.
Domande frequenti
D: reCAPTCHA e gratuito?
R: Si, fino a 1 milione di richieste al mese. Oltre serve Enterprise.
D: Posso usare hCaptcha invece di reCAPTCHA?
R: Si, Elementor Pro lo supporta nativamente.
D: reCAPTCHA traccia gli utenti?
R: Si, Google raccoglie dati. Valuta privacy e GDPR.
Hai bisogno di aiuto?
Se vuoi un sito Elementor performante realizzato dal team di G Tech Group, scrivici tramite il modulo di contatto.