Curso Wordpress 2021 | 09. Como poner un Formulario de contacto con CONTACT FORM 7 y SHORTCODE
Transcripción e instrucciones del video
En esta lección del curso de WordPress ponemos a funcionar el plugin de la lección anterior: creamos la página de Contacto con un formulario, y conocemos los shortcodes, que usaremos mucho.
1. Crear la página y añadirla al menú
- Páginas → Añadir nueva, título Contacto → Publicar (vacía de momento).
- Apariencia → Menús: marca Contacto → Añadir al menú → Guardar menú.
- Aprovecha para quitar los enlaces de prueba de la lección de menús: flechita del elemento → Eliminar.
2. Qué es un shortcode
Un shortcode es un código corto entre corchetes que muestra algo de un plugin donde lo pegues. Contact Form 7 ya trae un formulario hecho: en el menú Contacto → Formularios de contacto verás Formulario de contacto 1 con su shortcode al lado. Cópialo.
3. Montar la página en dos columnas
- Edita la página Contacto y añade un bloque Columnas (botón + → Ver todo). Elige la opción de dos columnas con la izquierda más estrecha.
- En la columna ancha, añade un bloque Shortcode y pega el código. (También hay un bloque propio de Contact Form 7 que hace lo mismo.)
- En la estrecha, añade un Encabezado (Datos de mi empresa) y Párrafos con nombre, teléfono, correo…
- Actualizar y míralo en la web.
Ya tienes un formulario que envía los mensajes al correo del administrador. Si el tema añade una barra lateral y la página queda apretada, lo arreglamos en la siguiente lección.
Ojo: en local los correos no se envían; en un hosting real, sí (y conviene un plugin SMTP para que no acaben en spam). ¿Dudas? En los comentarios.