Si utilizas WordPress, lo más probable es que también utilices o hayas utilizado el plugin Contact Form 7 para crear los formularios de contacto de tu web o blog, ¿verdad? Bien hecho, porque es sin duda, el plugin más completo y versátil que existe para ello; pero no precisamente por su versión inicial, sino por la cantidad de plugins adicionales o addons que existen a su alrededor.
En el caso de hoy por ejemplo, vamos a ver como podemos aplicar estilos o cambiar la apariencia de los formularios de contacto que trae por defecto Contact Form 7; aunque podemos hacerlo con CSS puro y duro dentro del plugin, pero si por algún caso no controlas ese lenguaje, o simplemente te da pereza, hoy te voy a explicar cómo puedes hacerlo de manera sencilla con un plugin adicional.
Os presento CF7 Customizer, un maravilloso plugin para Contact Form 7 con el que aplicaremos estilos de personalización a nuestros formularios de contacto en WordPress. A continuación, os dejo un vídeo de presentación del mismo.
Para utilizarlo, los pasos a seguir son muy sencillos:
1 – Creamos nuestro formulario de contacto en Contact Form 7, como siempre.
2 – Una vez creado, nos dirigimos a Apariencia > Personalizar y dentro de éste, en CF7 Customizer.
3 – Se nos abrirán una serie de opciones para modificar montones de aspectos de nuestro formulario y lo iremos visualizando en el momento en la pantalla de la derecha, en tiempo real.
Podremos personalizar aspectos como:
- Colores de los textos
- Color de fondo del formulario
- Márgenes entre elementos
- Bordes de los elementos
- Tamaño de los elementos
- Estilos de texto y cajas de introducción de datos
- Estilos de los botones y texto de los botones
Una pasada, ¿verdad? Pues lo mejor de todo es que es GRATUITO y puedes empezar a utilizarlo ya > CF7 Customizer.
¡Ah! Si te ha gustado, deja tu comentario y si no te ha gustado, ¡también! ¡Hasta la próxima!
Es muy interesante. Gracias
¡Gracias a ti por pasarte por aquí! ¡Saludos!
Hola Miguel, gracias por tu trabajo.
He instalado y configurado contact form 7 con este plugin y mi mi correo deja de funcionar. El Boton “enviar” se queda dando vueltas y no envia el correo. Cuando desactivo CF7 Customizer, todo vuelve a funcionar bien.
Hola Carlos,
Tienes razón, al parecer en la última versión han tenido problemas con esto. Esperemos lo solucionen en la siguiente actualización.
¡Saludos!
Hola Miguel.
Parece que a día de hoy han retirado este plugin y no esta disponible para su descarga. ¿Alguna alternativa?
¡Hola, Álvaro!
Pues con CSS…
¡Saludos!
Cerrado el plugin a 6 de Junio 2023