Voi o i visitatori del vostro sito riscontrate problemi di JavaScript durante l'invio dei vostri WPForm? Molti proprietari di siti utilizzano plugin di ottimizzazione e caching per velocizzare i loro siti. Tuttavia, alcune caratteristiche incluse in questi plugin possono far sì che le funzioni di WPForms non funzionino correttamente.
Questa guida illustra i modi per risolvere i problemi JavaScript più comuni in WPForms.
In questo articolo
Identificare i problemi di JavaScript
WPForms si basa molto su JavaScript per molte delle sue funzioni, come la convalida dei campi, la logica condizionale, il CAPTCHA e molte altre. Se un modulo non funziona come previsto, un problema di JavaScript è una delle cose da verificare.
Nella maggior parte dei casi, se il JavaScript all'interno dei moduli non è funzionante, verrà visualizzato l'errore Questa pagina non sta caricando correttamente il JavaScript e il modulo non potrà essere inviato. Per maggiori dettagli sulla risoluzione di questo problema, consultate la nostra guida alla risoluzione dei problemi. ogni volta che si tenta di inviare un modulo.
Quando ciò accade, è bene fare un rapido controllo per verificare se il modulo sta utilizzando la convalida corretta. A tale scopo, si può inviare un modulo con uno o più campi obbligatori senza dati compilati.
In un modulo in cui il JavaScript funziona correttamente, la convalida di ogni campo sarà in rosso.
Tuttavia, se i file JavaScript essenziali non vengono caricati o vengono caricati in modo errato, verrà visualizzata la convalida integrata del browser.
Se viene visualizzata la convalida integrata del browser, è probabile che si tratti di un problema di JavaScript. Nella maggior parte dei casi, questi problemi JavaScript sono causati da plugin di ottimizzazione e cache. Nella prossima sezione esamineremo le caratteristiche comuni di questi plugin che possono causare problemi JavaScript.
Plugin di ottimizzazione e caching
I problemi di JavaScript causati dai plugin di ottimizzazione e di caching sono solitamente dovuti a queste caratteristiche comuni:
- Minify: Rimuove dal codice i caratteri non necessari, come gli spazi bianchi, producendo un file più piccolo che richiede il trasferimento di meno dati.
- Combina: Unisce file JavaScript/CSS separati in un unico file per ridurre il numero di chiamate al server.
- Caricamento differito (asincrono): Disabilita il caricamento e l'esecuzione dei file JavaScript e CSS durante il caricamento della pagina, in modo che la pagina non debba "aspettarli".
Per evitare che il codice JavaScript di WPForms sia influenzato da queste caratteristiche (e potenzialmente possa rompere la funzionalità principale), possiamo regolare impostazioni specifiche all'interno dei plugin di ottimizzazione e caching.
Regolazione delle impostazioni di ottimizzazione
In questa sezione, tratteremo come escludere le risorse di WPForms dai più diffusi plugin di ottimizzazione e caching. Verranno inoltre descritte altre impostazioni che possono essere regolate all'interno di ogni plugin specifico, che possono aiutare a risolvere o prevenire i problemi di JavaScript.
Ecco i plugin che tratteremo:
- WP Rocket
- Ottimizzazione automatica
- JavaScript asincrono
- W3 Total Cache
- Ottimizzatore SiteGround
- Cache LiteSpeed
- WP Cache più veloce
Domande frequenti
Queste sono alcune delle domande più frequenti che riceviamo sulla risoluzione dei problemi di JavaScript in WPForms.
Ho controllato i plugin di ottimizzazione e di caching, ma WPForms non funziona ancora come previsto. Cos'altro potrebbe essere il problema?
Un motivo spesso trascurato nella risoluzione dei problemi di WPForms è la configurazione del tema, in particolare la presenza o l'assenza dell'elemento wp_footer()
funzione. Questa funzione è fondamentale per WPForms, in quanto garantisce il caricamento delle risorse necessarie sul sito web. Se il vostro tema non ha la funzione wp_footer()
può far sì che i componenti di WPForms non vengano caricati correttamente. Questo può causare il mancato invio dei moduli o addirittura errori JavaScript.
Per risolvere il problema, si può iniziare ad accedere ai file del tema usando Protocollo di trasferimento file (FTP), cPaneloppure l'opzione Aspetto " Editor del tema all'interno di WordPress. Una volta lì, ispezionare i file del modello del tema, in particolare il file footer.php
per determinare se il file wp_footer()
è presente.
Se si scopre che manca, è probabile che sia la causa dei problemi di WPForms. A questo punto, si consiglia di contattare il supporto del tema o di passare a un tema che segua le pratiche standard di WordPress.
Ecco fatto! Ora sapete come risolvere i problemi di JavaScript in WPForms.
Desiderate poi ottenere maggiore assistenza o imparare ulteriori suggerimenti per la risoluzione dei problemi di WPForms? Consultate la nostra guida alla risoluzione dei problemi per maggiori dettagli.