En la 10ª clase del curso de Contact Form 7 aprenderás a personalizar el aspecto tus formularios de principio a fin y sin conocimientos de css ni html.
Bonus: además, al final de la clase te hablaré de otras extensiones interesantes que no nos ha dado tiempo a cubrir en el curso o que son muy sencillas de utilizar.
Pero nos centraremos en dar el aspecto que quieras a tus formularios. Sin restricciones:
- Tamaños
- Colores
- Anchura y altura
- Margin y Padding (espacios)
- Bordes
- Fondo
- etc…
Y además hacerlo de cualquier elemento del formulario:
- El formulario en general
- Los campos
- El placeholder
- Las etiquetas
- El texto que escriben los usuarios
- Los mensajes de gracias y de error
- TODO
Y todo esto sin escribir una línea de código. Además, si lo necesitas, también puedes usar una plantilla ya preparada (al estilo de lo que vimos en la anterior clase)
Vídeo: personalizar el aspecto de los formularios de Contact Form 7
Conclusión
Hemos seleccionado un formulario que ya teníamos creado anteriormente para editarlo en detalle.
Hemos cambiado el fondo, los colores, el borde, los mensajes de error y otra serie de detalles para hacer el formulario lo más feo posible : )
Además habéis visto cómo ir viendo los cambios que hacemos antes de publicar el formulario.
Aunque cuesta un poco familiarizarse con la interfaz, las posibilidades son infinitas. Así que esta extensión merece mucho la pena.
Los últimos minutos del vídeo los he dedicado a enseñarte qué otras extensiones de Contact Form 7 puedes usar tanto para diseño como para funcionalidades.
Si tienes alguna pregunta al respecto, sólo tienes que contactarme desde el formulario de ayuda de tu cuenta.