Come aggiungere l’elenco dei paesi nel modulo di contatto 7 Plugin

Contact Form 7 è senza dubbio uno dei plugin più popolari nel repository di WordPress. Al momento della stesura di questo articolo, questo plugin ha superato oltre 5 milioni di installazioni attive. Uno dei motivi di questa immensa popolarità è il componente aggiuntivo dei plugin. L’autore di questo plug-in ha sviluppato diversi componenti aggiuntivi supportati per il plug-in Contact Form 7. Utilizzando questi componenti aggiuntivi, è possibile aggiungere facilmente nuove funzionalità al modulo di contatto esistente.

Supponiamo che tu voglia aggiungere un campo Paese nel modulo di contatto. Ci sono circa 200 paesi nel mondo e aggiungere questi paesi in modo statico non è un compito facile.

Per risolvere questo problema, l’autore del plugin Contact Form 7 ha creato un plugin Listo. Usando il plugin Listo puoi aggiungere il campo Paese al tuo modulo di contatto in pochi minuti.

Detto questo, vediamo come aggiungere un elenco di paesi nel plugin Contact Form 7.

Perché hai bisogno di Listo Plugin?

A volte i proprietari di siti Web desiderano ottenere la posizione di un utente insieme ad altri dettagli da un modulo di contatto. Per ottenere la posizione di un utente, il modulo di contatto dovrebbe avere un campo Paese. Questo campo sarà un menu a discesa da cui gli utenti potranno scegliere il proprio paese.

Per impostazione predefinita, il plug select-in Contact Form 7 fornisce un tag modulo per l’aggiunta delle opzioni. Ma questo selecttag va bene quando hai opzioni limitate. Quando si tratta di aggiungere un elenco di paesi, non è possibile utilizzare facilmente questa opzione a causa di un elenco lungo.

Il plugin Listo rende questo compito super facile. Basta aggiungere una dichiarazione e il gioco è fatto.

Aggiungi l’elenco dei paesi al modulo di contatto 7 Plugin

Installa e attiva il plugin Listo. Questo plugin non ha una pagina di impostazione separata. Basta collegarlo e puoi utilizzare le sue funzionalità.

Successivamente, per inserire un elenco di paesi è necessario aggiungere attributi per selectform-tag. Vai alla schermata di modifica del tuo modulo di contatto e aggiungi il selecttag come segue.

[select your-country data:countries]

Qui data:countriesfa la magia. Popola un elenco di paesi nel menu a discesa. Ora controlla il tuo modulo di contatto. Dovrebbe avere il menu a discesa del paese.

Come impostare il Paese predefinito

Supponiamo che tu voglia mantenere un paese specifico selezionato per impostazione predefinita. In tal caso, devi aggiungere un codice jQuery al tuo file JS. Innanzitutto, ottieni il valore dell’opzione di un paese che devi impostare come predefinito. Un utente può prendere questo valore dall’ispezione del menu a discesa e copiarlo dal valore dell’opzione.

Successivamente, utilizzando la classe ‘wpcf7-select’ è possibile impostare il paese predefinito selezionato nel modulo di contatto. Aggiungi il codice seguente nel tuo file JS.

jQuery(function($) {
    $('.wpcf7-select').val("India"); // here we set India as a default country
});

Questo è tutto! Ora, se controlli il modulo di contatto, dovresti vedere "India" come paese selezionato predefinito nel menu a discesa del paese.

articoli Correlati

• Rimuovi il modulo di contatto 7 CSS e JS quando non è necessario
• Reindirizza alla pagina di ringraziamento dopo l’invio del modulo di contatto 7
• Come salvare gli invii del modulo di contatto 7 nel database di WordPress