Cómo agregar una lista de países en el complemento Formulario de contacto 7
Contact Form 7 es sin duda uno de los complementos más populares en el repositorio de WordPress. En el momento de escribir este artículo, este complemento ha superado más de 5 millones de instalaciones activas. Una de las razones de esta inmensa popularidad son los complementos. El autor de este complemento ha desarrollado varios complementos compatibles para el complemento Contact Form 7. Con estos complementos, se pueden agregar fácilmente nuevas funciones al formulario de contacto existente.
Supongamos que desea agregar un campo País en su formulario de contacto. Hay alrededor de 200 países en el mundo y agregar estos países de forma estática no es una tarea fácil.
Para resolver este problema, el autor del complemento Contact Form 7 ha creado un complemento Listo. Con el complemento Listo, puede agregar el campo País a su formulario de contacto en cuestión de minutos.
Dicho esto, veamos cómo agregar una lista de países en el complemento Contact Form 7.
¿Por qué es necesario el complemento Listo?
A veces, los propietarios de sitios web desean obtener la ubicación de un usuario junto con otros detalles de un formulario de contacto. Para obtener la ubicación de un usuario, su formulario de contacto debe tener un campo País. Este campo será un menú desplegable desde el que los usuarios pueden elegir su país.
Por defecto, el complemento Contact Form 7 proporciona una selectetiqueta de formulario para agregar las opciones. Pero esta selectetiqueta está bien cuando tienes opciones limitadas. Cuando se trata de agregar una lista de países, no se puede usar esta opción fácilmente debido a que la lista es larga.
El complemento Listo hace que esta tarea sea muy fácil. Simplemente agregue una declaración y listo.
Agregar lista de países al complemento Formulario de contacto 7
Instale y active el complemento Listo. Este complemento no tiene una página de configuración separada. Simplemente conéctelo y podrá usar sus funciones.
A continuación, para insertar una lista de países, debe agregar atributos para selectla etiqueta de formulario. Dirígete a la pantalla de edición de tu formulario de contacto y agrega la selectetiqueta de la siguiente manera.
[select your-country data:countries]Aquí data:countrieshace la magia. Completa una lista de países en su menú desplegable. Ahora revisa tu formulario de contacto. Debería tener el menú desplegable de países.
Cómo establecer el país predeterminado
Supongamos que desea mantener un país específico seleccionado de forma predeterminada. En ese caso, debe agregar un código jQuery a su archivo JS. Primero, obtenga el valor de opción de un país que necesita establecer como predeterminado. Un usuario puede tomar este valor inspeccionando el menú desplegable y copiarlo del valor de la opción.
A continuación, utilizando la clase ‘wpcf7-select’ se puede establecer el país predeterminado seleccionado en el formulario de contacto. Agregue el siguiente código en su archivo JS.
jQuery(function($) {
$('.wpcf7-select').val("India"); // here we set India as a default country
});¡Eso es! Ahora, si revisa su formulario de contacto, debería ver ‘India’ como país seleccionado predeterminado en el menú desplegable de países.
Artículos relacionados
- Elimine Contact Form 7 CSS y JS cuando no sea necesario
- Redirigir a la página de agradecimiento después del envío del formulario de contacto 7
- Cómo guardar envíos del formulario de contacto 7 en la base de datos de WordPress