WordPress: Contact Form 7. Estilos y Columnas (Responsive)

Cambia el estilo de tu formulario de contacto, incluso en 2 columnas. Gracias a Contact Form 7 para WordPress.

Y por supuesto gracias también al siguiente addon (de los creadores del tema Astra):
– Gutenberg Blocks – Ultimate Addons for Gutenberg (Por Brainstorm Force)

Gutenberg Blocks – Ultimate Addons for Gutenberg

Este vídeo pertenece a la lista de reproducción en YouTube dedicada exclusivamente a este plugin:
– WordPress Plugin Contact Form 7

¡Saludos chicos y chicas, espero veros en el chat el día del Estreno o en los comentarios de este vídeo! 🎎✌ 😉

▶ ÍNDICE VIDEOTUTORIAL

0:00 – Presentación
0:25 – Qué práctica vas a hacer
1:43 – Qué herramientas vas a usar
4:04 – Escritorio WP → Contacto → Duplicar Formulario
5:12 – Página → Añadir nueva (consejo bloque ‘Sección’)
7:21 – Añadir bloque ‘Diseñador de Contact Form 7’
7:58 – Guardar página ‘Sin barra lateral’ (tema Astra)
8:40 – Selecciona el tipo de formulario que quieres
9:05 – Vista previa: mucha anchura formulario
9:20 – Bloque ‘Sección’ controla anchura formulario
9:53 – Vista previa: menos anchura formulario
10:09 – Vamos a jugar con el diseño del formulario
10:44 – Apartado Generales: Selecciona Formulario
11:42 – Apartado Borde y Estilo Campo
13:22 – Apartado Contenido: Label, Input, Color Campo
17:24 – Apartado Radio y Checkbox
19:41 – Apartado Botón Enviar
23:02 – Apartado Mensajes de Éxito y Error
25:39 – Apartado Espaciado (entre Label e Input o Campos)
26:26 – Apartado Avanzado (común en todos los bloques)
26:36 – Guardar borrador. Vista previa (del diseño aplicado)
27:27 – Retoque final: Arreglar Espaciado
27:59 – Guardar borrador. Vista previa (del retoque aplicado)
28:09 – Ahora poner en 2 columnas: Tu nombre | Tu correo
39:04 – Si añades nuevo Campo… recuerda pestaña Correo
40:35 – Despedida YouTube. Suscríbete. Comparte

▶ SUSCRÍBETE A MI YOUTUBE Y CLIC EN LA CAMPANA ☗ (Todas)
https://bit.ly/3ktGUk5

▶ SUSCRÍBETE A MI BLOG Y LLÉVATE UN REGALO 🎁

Blog

👀 DE INTERÉS

📽 YouTube 🎓 CURSOS gratis
https://www.youtube.com/user/JoanMorci/playlists?view=50&sort=dd&shelf_id=35

🛒 Payhip, mi tienda online: https://payhip.com/joanmorci
📓Temario PDF cursos /💻 Descarga vídeos cursos

▶ SÍGUEME (si quieres)
Ver redes aquí:
https://www.youtube.com/user/JoanMorci/about

▶ CONSULTA PRIVADA (si te urge contestación, ésta tiene un coste)
✉ Email: https://joanmorci.com/contacto/

▶ AGRADECIMIENTOS:

❤ Ver mi Pinterest dedicado a mis Recursos: https://www.pinterest.es/joanmorci/recursos/

#ContactForm7 #FormularioContacto #WordPress

About admin

Leave a Reply

Your email address will not be published. Required fields are marked *