Contact Form 7 tutorial completo 2024
188
Published 2024-03-12
En este video te explico como dejar un formulario de contacto 100x100 operativo en tu Wordpress, en este tutorial verás como usar Contact Form 7.
Al principio de esta lección vemos como en solo 2 minutos puedes tener un formulario de contacto funcionando en tu web con muy pocos clics, pero no nos quedamos en la superficie, profundizamos más sobre este maravilloso plugin clásico de formularios de contacto para Wordpress y te explico todas las opciones de configuración y personalización de Contact Form 7.
Repasamos como añadir y modificar campos al formulario, como personalizarlos, como configurar el envío y el mensaje que se muestra en el cuerpo del email. También vemos como personalizar mensajes al usuario a través de la misma web y las opciones avanzadas de configuración.
Finalmente verás una de las novedades más interesantes que añade este plugin de formularios de contacto en 2024, el diseñador para el editor nativo de Wordpress, de manera super fácil puedes personalizar el diseño y dar el aspecto que tu quieras al formulario y, como es habitual en esta serie de videos para completar la información, te enseño como añadir código CSS para personalizar aun más el aspecto de tu página de contacto.
ÍNDICE CONTENIDO DEL VIDEO:
00:00 Presentación.
01:08 Añadimos plugin formulario de contacto a Wordpress.
01:50 Mostrar un formulario en 2 minutos en la web.
02:50 Personalizar campos del formulario de contacto.
04:18 Como añadir un placeholder en Contact Form 7.
06:06 Añadir nuevos campos al formulario de contacto.
07:10 Añadir campo para aceptar políticas de privacidad.
08:15 Añadir un enlace al texto de la política de privacidad.
09:30 Alternativa al plugin Contact Form 7.
10:00 Configuración envío formulario de contacto.
12:20 Personalizar mensajes de la web al usuario.
13:25 Ajustes adicionales.
14:17 Configuración final Contact Form 7.
15:05 Envío formulario y comprobación.
18:15 Personalizador de diseño de Contact Form 7.
20:30 Añadir CSS adicional al formulario de contacto.
Te dejo un enlace al video con una alternativa a Contact Form 7
• Página de contacto con Ninja Forms C...
¡Nos vemos en el siguiente video!