Formulario de contacto en dos columnas

Formulario de contacto en dos columnas

Formulario de contacto en dos columnas 2021

formulario de contacto 7 diseño horizontal

Column Shortcodes es un plugin que añade códigos cortos a la funcionalidad de su sitio web de WordPress para mostrar el contenido en múltiples columnas. Puede utilizarlo no sólo para dividir los campos del formulario de contacto en columnas individuales, sino para cualquier otro contenido en su sitio web. Son dos conejos que han sido golpeados de un solo tiro. Hay grandes posibilidades de que su tema venga con códigos cortos para columnas incorporados. Mis temas lo tienen. Así que antes de instalar el plugin, asegúrate de comprobar o preguntar al desarrollador de tu tema si dichos shortcodes están disponibles para su uso con el tema.Para usar el plugin, ve a Plugins->Añadir Nuevo, busca Column Shortcodes, instala y activa el plugin.Una vez instalado, encontrarás un nuevo botón en tu editor de WordPress desde el que podrás generar un shortcode de columna. Vamos a poner el plugin a prueba. Fui a mi página de contacto, generé shortcodes para una línea de dos columnas y coloqué algo de contenido dentro de los shortcodes:Observa que para crear una línea de 2 columnas, necesitas generar un shortcode para la primera mitad y otro shortcode para la última mitad. El resultado debería ser similar a este:Así es como se divide el contenido de una página en dos columnas. Ahora que tienes esos shortcodes, volvamos al editor de Contact Form 7 (Wp Dashboard>Contact->Contact Forms: Your contact form) y utilicémoslos con los campos:

formulario de contacto 7 acordeón

En este artículo hablaremos de cómo hacer que ciertos campos de un formulario de contacto 7 se muestren en columnas. Para lograr esto, haremos uso de las prácticas clases de ayuda proporcionadas con Salient llamadas «nectar-wpcf7-inline-form» y «nectar-wpcf7-inline-field».
Encontrarás fragmentos de ejemplo que puedes copiar/pegar y modificar según sea necesario en el editor de creación de formularios de Contact Form 7. Si aún no tienes ese plugin instalado, asegúrate de leer el capítulo Instalación de plugins.
Usando la estructura de arriba, es fácil crear más columnas. Simplemente envuelva cada campo con el div nectar-wpcf7-inline-field tantas veces como sea necesario, y el número total de columnas se ajustará automáticamente para llenar el espacio.
Por defecto, las columnas persistirán a través de los viewports móviles. Esto funciona bien cuando se utilizan de 1 a 3 columnas. Sin embargo, si está utilizando más por fila y desea que los campos se muestren con un ancho reducido en pantallas más pequeñas, simplemente añada el nombre de clase «mobile-2-col» o «mobile-1-col» en el div envolvente (nectar-wpcf7-inline-form). Esto permitirá que las columnas modifiquen su tamaño para pantallas más pequeñas.

Formulario de contacto en dos columnas del momento

Conta

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad