quinkdaw

Vamos a ver cómo colocar los checkboxs de contact form 7 en vertical, ya que el magnifico plugin de formularios de WordPress de forma normal los coloca en línea, algo que realmente es anti estético y que tiene bastante poca usabilidad, fastidiando totalmente la experiencia de usuario. (Ea ya he dicho un montón de palabros que están de moda en solo un parrafo). Bueno vamos al lío que no me gusta enrollarme como ya sabéis… De forma normal, cuando hacemos un checkbox con contact form 7 nos crea un shortcode similar a este en nuestro formulario: 1 [checkbox Opciones "Opcion 1" "Opcion 2" "Opcion 3"] Lo que nos genera un código como este: 1 2 3 4 5 6 7 8 9 10 11 12 13 < span class = "wpcf7-form-control-wrap Opciones" >      < span class = "wpcf7-form-control wpcf7-checkbox wpcf7-validates-as-required" >          < span class = "wpcf7-list-item" >

En este artículo te enseño cómo hacer personalizaciones en el diseño de Contact Form 7 utilizando CSS usando las mismas técnicas que utilizan los diseñadores. Con unos conocimientos básicos de CSS podrás cambiar el diseño de tus formularios a tu gusto. Para modificar el aspecto de los formularios de Contact Form hay que utilizar CSS. Qué necesitas Lo básico es instalar el plugin Contact Form 7 y al menos tener un formulario en una de tus páginas. A partir de aquí, para añadir el código CSS tienes dos opciones: Opción 1: Utilizar la opción CSS Adicional –> Es la opción sencilla. Opción 2: Crear un tema hijo –> Algo más compleja pero recomendable. ¿Tu hosting no te ayuda? En Superadmin hacemos las cosas de forma diferente. Añadir CSS Adicional es una técnica rápida y sencilla aunque te recomiendo crear un Tema Hijo o Child Theme , así te aseguras no perder los cambios con actualizaciones o cambios de tema. Una vez creado el tema hijo harás los cambios en

Esta es una parte importante si quieres cumplir la ley. Normalmente nadie te va a decir nada hasta que algún día pase y te arrepientas de no haberlo puesto. Ya verás que es muy sencillo. Aquí te mostraremos cómo lo tenemos en Weberas, del mismo modo que también verás cómo añadir Placeholder en Contact Form 7 y quitar los nombres encima de los campos del formulario. Tienes que dirigirte a tu formulario de contacto y editar el cuadro HTML donde están los campos que quieres poner. En nuestro caso: <div class="one-half"><label> [text* your-name placeholder "Nombre"] </label></div> <div class="one-half last"><label> [email* your-email placeholder "Email"] </label></div> <div class="one-half"><label> [text your-subject placeholder "Asunto"] </label></div> <div class="one-half last"><label> [tel* tel-503 placeholder "Teléfo

na de las funcionalidades más importantes de una página web es el formulario de contacto. A través de él, el usuario puede ponerse en contacto contigo de forma rápida y sencilla. Tan solo debe rellenar unos campos (nombre, email, mensaje, etc.) y hacer clic en el botón de Enviar. El formulario de contacto ahorra al usuario el paso de abrir su proveedor de correo electrónico. Además, si está bien configurado, sabes que te van a llegar todos los mensajes, ya que no existe la posibilidad de poner mal el destinatario. Por si fuera poco, con un formulario de contacto proteges tu privacidad en Internet, ya que no hace falta que pongas tu email, lo que te ahorrará mucho spam en tu bandeja de entrada. Contact Form 7 es el plugin de formularios de contacto para WordPress más utilizado. Actualmente, cuenta con más de 5 millones de instalaciones activas y una valoración media de 4,2 estrellas. Está disponible en 57 idiomas. Es un plugin gratuito, lo que fomenta su uso y aumen