contact-form-7-dos-columnas

Tener Contact Form 7 en dos columnas en nuestro sitio web WordPress es algo que me han preguntado mucho. “¿Cómo puedo mostrar mi formulario de contacto en 2 o 3 columnas?” O “¿Cuáles son mis opciones para tener un formulario de contacto con campos side by side?” La idea principal es cómo hacer que esos campos de texto como Nombre o Dirección de correo electrónico se muestren en la misma línea y no en uno debajo de otro. ¿Por qué? Porque se ve bien, por lo tanto aumenta la experiencia del usuario. ¡A ver que opciones tenemos!

Tomaré el plugin Contact Form 7 como ejemplo para estos vídeo tutoriales. He estado trabajando con Contact Form 7 desde siempre, y es mi primera opción cuando se trata de usar un complemento de formulario de contacto gratuito para un sitio web de WordPress: HTML / CSS markup.

Otra alternativa que tenemos a nuestra disposición, de hacer nuestro Contact Form 7 en dos o más columnas, es a través de un plugin de shortcode.

Mostrar Contact Form 7 con campos side by side con Shortcodes

Hay grandes posibilidades de que su tema venga con shortcodes para columnas integradas ya. Mis temas lo hacen. Así que antes de instalar el complemento, asegúrate de revisar o preguntar al desarrollador de tu tema si tales shortcodes están disponibles para usar con el tema.

Ya sea que planee mostrar campos de formulario de contacto o cualquier otro tipo de contenido en columnas, existen soluciones. Es su tarea elegir qué método le queda bien y cómo lo va a implementar. Además, tenga en cuenta que su tema actual puede incluir todas las herramientas que necesita.

Siéntase libre de compartir en los comentarios a continuación sus pensamientos y si tiene más preguntas, ¡puede apostar a que serán respondidas!

¡Sígueme!

Carlos Represas

Programador especializado, o dedicado de forma específica, en desarrollar aplicaciones de la World Wide Web o aplicaciones distribuidas en red que se ejecutan mediante HTT / HTTPS desde un servidor web a un navegador web. Senior PHP Developer - Full Stack WordPress Developer - Growthhacker.
Carlos Represas
¡Sígueme!

Latest posts by Carlos Represas (see all)

0 comentarios

Dejar un comentario

¿Quieres unirte a la conversación?
Siéntete libre de contribuir!

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.