Si usas el plugin Contact Form 7, como el 80% de los usuarios de WordPress, seguro que lo único que no te gusta es lo poco intuitivo que es personalizarlo, pues todo ajuste de estilo pasa irremediablemente por aplicar CSS manualmente ¿o quizás no?
Es curioso el éxito de este plugin de formularios de contacto pues, aún teniendo una interfaz espartana a más no poder es el más popular con diferencia, y parte de su triunfo es debido a la cantidad de plugins que mejoran sus funcionalidades.
Hay de todo, pero nada como lo que vamos a ver hoy
Si, efectivamente, si alguna vez has soñado con poder modificar el diseño de tus formularios creados con CF7 ya puedes hacerlo, y nada menos que desde el Personalizador visual de WordPress, con los cambios en directo. Todo gracias a Design for Contact Form 7 Styler.
No tienes que hacer nada especial, simplemente creas tu formulario como haces habitualmente y lo añades a la página o entrada de tu elección en la que, una vez publicada, puedes personalizarlo en directo desde tu web en directo, con la herramienta de diseño de formularios integrada por el plugin.
Puedes personalizar:
- Colores de los textos
- Color de fondo del formulario
- Imágenes de fondo
- 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
Y todo ello visualmente, a golpe de clic.
Lo sé, te encanta y lo vas a instalar, ya no sabes vivir sin este plugin ¿me equivoco?
¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!
AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)
Me acabas de salvar un día de trabajo intenso… ¡Gracias!
No está mal, pero lo práctico sería un «drag and drop» para que los clientes puedan crearlos más fácilmente, sin añadir etiquetas html.
De que es bueno, es bueno, y de que me parece la mejor opción para crear formularios de forma gratuita, también me lo parece, pero incluso con este complemento se queda muy por detrás de Gravity Forms xD no pido que añadan todas sus funciones porque eso se antoja complicado, pero lo ideal como dijo @disqus_cLJ1K1RaUe:disqus seria una interface Drag and Drop y algunas adiciones, como la posibilidad de separar en columnas los elementos, sin contar que deberían integrar Flamingo o una solución similar al plugin ya que sirviendo como formulario de contacto es imprescindible un control de los registros.
De todos modos se agradece mucho este complemento, sin duda mejora lo presente. xD
Saludos!!
Es el prime Contac Form 7 es el primer plugin que instalo en wp, por lo tanto este plugin me va servir bastante, no es nada fácil cambiar el aspectos de los formularios.
Crea un estilo general para todos los formularios, si se tiene varios formularios todos quedan con el mismo estilo. seria bueno uno poder escoger cada formulario y aplicarle los estilos de forma independiente.
como se podria crear un hook antes de enviar el email y obtener los atributos?
hola, yo lo he instalado, he creado mi formulario, pero cuando voy a la página y le doy a personalizar, no me aparece la opción de CF7 Customizer. A alguien le ha pasado? Gracias
A mi me aparece personalizar, pero cuando le doy click se abre una página y queda en blanco
Cómo se hace para que cada vez que cree una entrada aparezca el mismo formulario siempre por defecto?
Muito obrigado! Ajudou bastante! 😉
Hola yo tengo un sistema de venta de carros quiero modificar el modo en que me llega el mail a mi cuenta de gmail, hotmail, etc.
solo llega texto plano con la información de quien escribio el mensaje quisiera que me llegue tipo html con graficos o con tablas y un enbaezado
Lo he instalado, he modificado un formulario…y los cambios me los ha aplicado a TODOS los formularios ¿se puede personalizar un solo formulario?. Gracias de antemano.
No, es para todos
Buenas instale el plugin, pero al darle a aplicar y guardar no se me aplica en la web, utilizo una plantilla de behteme
alguien me podría ayudar me tiene loco esto xd
¿funciona con otro tema? Si así fuera igual tu tema no se deja personalizar fuera de sus ajustes propios
Hola, tengo una consulta, ¿Con este plugin se puede hacer un formulario de cotización?, saludos.
No se a qué te refieres
Hey, Fernando!
This is Ahmad Awais, — WP Full Stack Dev & WP Core Contributor. I built this plugin for exactly the same reasons you mentioned. I have had been working on a pro version — if any of you have any recommendations feel free to let me know what would you like in the pro version of this plugin.
Oh, and BTW I forgot to mention the you can reach out to me at https://AhmadAwais.com/contact/
Hi @mrahmadawais:disqus
It’s an honour to have you here, and yes, I have a suggestion. The possibility to skin the customizer per contact form basis, not global, it’s a common petition that you can red from my readers above. It could be nice to have transparent backgrounds too.
Hugs!
Transparent backgrounds are already there. But I see what they want. Soon!
Great!
No sirve para paginas credas con visual composer y Trhive themes
Hay alguna manera de cambiar el ancho y alto de la caja del formulario, sin plugins?
Sí claro, por CSS
GENIAL, Tienes algún tutorial como ilustración??
Hola, he probado en varios temas y en ninguno puedo escoger el color de fondo ni ningún tipo de color. También quiero cambiar el tamaño para hacerlo más pequeño. ¿cómo puedo hacer?
Gracias
a mi me pasa igual, has podido solucionar algo? Gracias!
hola, no he podido solucionarlo de ninguna de las maneras. He decidido que voy a mirar otro plugin a ver si responde mejor o poner el de google directamente.
Un saludo,.
Hola» acabo de instalarlo pero no me deja cambiar opciones de color ni nada 🙁 a qué puede deberse?
Gracias !
El plugin ya no está disponible para su descarga en Wordpress, alegan motivos de seguridad, si no estoy equivocado y puesta que Google sigue indexando esta página, yo creo que seria bueno advertirlo al principio de la entrada o retirarla directamente
Ya veo, pues nada, pongo otro en sustitución 😉
Gracias por avisar