Come creare moduli AMP in WordPress

Per velocizzare il caricamento dei siti web sui dispositivi mobili, Google ha realizzato un progetto chiamato Accelerated Mobile Pages, o AMP. E, mentre offre un'ottima esperienza di navigazione mobile velocizzando il caricamento delle tue pagine web, disabilita anche molte funzioni utili sul tuo sito web. Una di quelle caratteristiche che possono essere considerate una grande perdita sono i moduli di contatto. Poiché AMP utilizza un set limitato di HTML e JavaScript, non è in grado di caricare correttamente i moduli WordPress sulle pagine AMP. Fortunatamente, è disponibile una soluzione semplice. WPForms è un plug-in per moduli WordPress piuttosto adatto ai principianti che ti aiuta a creare moduli WordPress pronti per AMP. Quindi, nel seguente articolo, spiegheremo in dettaglio come creare moduli AMP in WordPress usando WPForms .

Scopri come creare moduli AMP in WordPress

Quindi, AMP è piuttosto utile per rendere il tuo sito web ottimizzato per i dispositivi mobili. Inoltre, l'installazione e l'attivazione del plug-in AMP ufficiale per WordPress è un prerequisito per l'utilizzo di AMP con WordPress. Una volta attivato, il plug-in aggiungerà automaticamente il supporto Google AMP per il tuo sito WordPress . Tuttavia, puoi modificare le impostazioni AMP per il tuo sito web andando su AMP > Generale dalla dashboard. Quando sei nella pagina delle impostazioni AMP, puoi abilitare o disabilitare AMP sul tuo sito Web, ma anche scegliere una modalità sito Web per AMP e scegliere i modelli supportati. Dopo aver configurato AMP, dovrai creare un modulo di contatto compatibile con AMP sul tuo sito WordPress.

Creazione di un modulo WordPress con WPForms

Per avviare il processo, dovrai installare e attivare il plug-in WPForms Lite sul tuo sito. Questa è la versione lite del plugin WPForms Pro. Sia la versione pro che quella lite di WPForms ti consentono di creare un modulo di contatto pronto per AMP di base. Qui parleremo della versione gratuita. Dopo aver installato e attivato il plug-in, dovrai andare su WPForms> Aggiungi nuovo pagina per creare un nuovo modulo WordPress. Nella schermata di configurazione del modulo, potrai scegliere un modello di modulo per iniziare rapidamente.

Se vuoi iniziare da zero, ti suggeriamo di utilizzare il modulo vuoto. Si aprirà quindi la pagina del generatore di moduli. Da qui puoi aggiungere o rimuovere campi modulo. Per aggiungere un nuovo campo al tuo modulo, fai semplicemente clic su un campo del modulo dal pannello di sinistra e apparirà nel pannello del generatore di moduli alla tua destra. Al termine, è possibile configurare le opzioni del campo. Per fare ciò, fai clic su un campo e quindi appariranno Opzioni campo. In modo simile, puoi personalizzare tutti gli altri campi.

Successivamente, fai clic sulla scheda Impostazioni per configurare le impostazioni del modulo. Attraverso le Impostazioni generali, puoi modificare il nome del modulo, inviare il testo del pulsante, inviare il testo di elaborazione del pulsante, abilitare Honeypot anti-spam e altro ancora. Vai alla scheda Notifiche per impostare le notifiche e-mail che ti avviseranno quando un utente completa il modulo. La scheda Conferme ti aiuterà a impostare un messaggio di conferma da mostrare quando un utente invia il modulo. Al termine della configurazione, assicurati di salvare il modulo.

Aggiunta di un modulo AMP a una pagina

Avendo che il tuo modulo WordPress è pronto, puoi aggiungerlo a una pagina. In primo luogo, dovrai creare una nuova pagina o aprirne una esistente in cui desideri aggiungere il modulo. Apri la schermata di modifica della pagina, fai clic sull'icona Aggiungi nuovo blocco e procedi con la selezione del blocco WPForms. In tal modo, sarai in grado di vedere il widget WPForms aggiunto alla schermata di modifica della pagina. Devi solo selezionare il modulo che hai creato in precedenza e il widget lo caricherà immediatamente nell'editor di pagine. Puoi anche pubblicare o aggiornare la tua pagina. E questo è tutto. Non devi configurare nient'altro. Il plug-in WPForms Lite ora aggiungerà il supporto AMP completo al tuo modulo. Se sei interessato a come appare, puoi aprire la pagina sul tuo cellulare.

Come aggiungere google reCAPTCHA al tuo modulo AMP

WPForms include honeypot anti-spam per catturare e bloccare lo spam per impostazione predefinita. Inoltre, puoi utilizzare Google reCAPTCHA per ridurre gli invii di spam. Per utilizzare Google reCAPTCHA con i tuoi moduli AMP, dovrai registrare il tuo sito per Google reCAPTCHA v3 e ottenere le chiavi API di Google. Per farlo, vai sul sito web di Google reCAPTCHA e fai clic sul pulsante "Admin Console" nell'angolo in alto a destra della pagina. Dovrai quindi accedere con il tuo account Google. Dopo averlo fatto, vedrai la pagina "Registra nuovo sito". Inizia a compilarlo inserendo il nome del tuo sito web nel campo Etichetta. Google AMP supporta solo reCAPTCHA v3, quindi dovrai sceglierlo dalle opzioni di tipo reCAPTCHA.

Al termine, inserisci il tuo nome di dominio nella sezione Domini. La sezione Proprietari mostrerà il tuo indirizzo email per impostazione predefinita. Sappi che puoi anche aggiungere un'altra email se lo desideri. Successivamente, dovrai accettare i Termini di servizio di reCAPTCHA per continuare. Inoltre, non dimenticare di selezionare la casella di controllo "Invia modifiche ai proprietari". Ciò consentirà a Google di informarti su problemi come configurazione errata e traffico sospetto sul tuo sito. Al termine, fare clic sul pulsante Invia. Vedrai quindi un messaggio di successo insieme alla chiave del sito e alla chiave segreta per aggiungere reCAPTCHA al tuo sito. Questa chiave ti consente di aggiungere reCAPTCHA ai tuoi moduli.

Ulteriori aggiustamenti

Tuttavia, c'è un altro aggiustamento di cui devi occuparti. Garantirà la compatibilità AMP con reCAPTCHA. Per accedervi, fai clic sul link "Vai a Impostazioni" lì. Questo ti porterà di nuovo alle impostazioni di reCAPTCHA con la casella di controllo "Consenti a questa chiave di funzionare con le pagine AMP". Basta selezionare la casella e fare clic sul pulsante Salva in basso.

Ora che hai le chiavi API di Google per aggiungere reCAPTCHA ai moduli AMP, vai su WPForms > Impostazioni > pagina reCAPTCHA nella dashboard di WordPress. Quindi scegli l'opzione reCAPTCHA v3 e incolla la chiave del sito e la chiave segreta. Fare clic sul pulsante Salva impostazioni. Ora che Google reCAPTCHA è stato aggiunto a WPForms, sei libero di abilitarlo nei tuoi moduli dove necessario. Vai su WPForms > Tutti i moduli e seleziona il modulo in cui desideri abilitare reCAPTCHA. Quando viene visualizzata la schermata di configurazione del modulo, fare clic sulla scheda Impostazioni e selezionare la sezione Impostazioni generali. Vedrai la casella di controllo "Abilita Google v3 reCAPTCHA". Seleziona quella casella e salva il modulo. Successivamente, visita nuovamente la tua pagina di contatto e guarda il modulo AMP con reCAPTCHA in azione.

Non così tanto

Come puoi vedere, per creare moduli AMP in WordPress, non devi affrontare molti problemi. Soprattutto quando hai questa guida al tuo fianco. Ci auguriamo di averti aiutato e che vedrai tutti i vantaggi dei moduli AMP dopo aver seguito questi pochi semplici passaggi.