Contact Form

📌 ¿Qué es Contact Form 7?

Contact Form 7 es un plugin que permite crear y gestionar múltiples formularios de contacto. Se insertan en cualquier parte del sitio usando shortcodes. Los formularios se procesan mediante Ajax y se integran con reCAPTCHA, servicios de correo y más.

---

✅ Características principales

• Formularios personalizables (nombre, email, asunto, mensaje, casillas, selectores, etc.)
• Protección anti-spam con reCAPTCHA y Akismet
• Compatible con Ajax
• Soporte para archivos adjuntos
• Fácil de insertar mediante shortcode
• Compatible con otros plugins como Flamingo (para guardar mensajes en la base de datos)

---

🛠️ Cómo instalarlo

1. Ve a Plugins > Añadir nuevo.
2. Busca “Contact Form 7”.
3. Haz clic en Instalar ahora y luego en Activar.
4. Aparecerá un nuevo menú llamado Contacto.

---

✍️ Crear un formulario de contacto simple

1. Ve a Contacto > Formularios de contacto.
2. Haz clic en Añadir nuevo.
3. Asigna un nombre (por ejemplo: «Formulario principal»).
4. Por defecto, se crea un formulario con este código:

<label> Tu nombre
  
</label>

<label> Tu correo electrónico
  [email* your-email]
</label>

<label> Asunto
  
</label>

<label> Tu mensaje
  [textarea your-message]
</label>

[submit "Enviar"]

Esto genera campos requeridos (el * indica obligatorio).

---

📨 Configurar el correo

En la pestaña Correo, defines a dónde se envían los datos. Ejemplo:

• Para: tuemail@ejemplo.com
• De: [your-name] <[your-email]>
• Asunto: Nuevo mensaje: [your-subject]
• Mensaje:

  Nombre: [your-name]
  Email: [your-email]
  Asunto: [your-subject]
  Mensaje:
  [your-message]
  

---

📋 Insertar el formulario en una página

Copia el shortcode que aparece arriba del formulario, por ejemplo:

[contact-form-7 id="123" title="Formulario principal"]

Y pégalo en cualquier página, entrada o widget.

---

📦 Ejemplo completo visual en una página

En la página “Contacto” podrías tener este contenido:

## Escríbenos

¿Tienes alguna duda o propuesta? Completa el siguiente formulario:

[contact-form-7 id="123" title="Formulario principal"]

Y el formulario se renderiza directamente en la página.

---

🧩 Campos adicionales disponibles

Etiqueta	Tipo de campo
	Campo de texto
[email]	Campo de email
[tel]	Teléfono
[textarea]	Área de texto
[select]	Lista desplegable
[checkboxes]	Casillas de verificación
[radio]	Botones de opción
[file]	Subida de archivos
[submit]	Botón de envío
[date]	Campo de fecha
	Pregunta para evitar spam
[acceptance]	Casilla de aceptación (ej. RGPD)

Todos estos campos se pueden marcar como obligatorios con *.

---

🔐 Seguridad: reCAPTCHA

Para protegerte del spam:

1. Ve a https://www.google.com/recaptcha/admin
2. Crea una clave para tu dominio.
3. Ve en WordPress a Contacto > Integración > reCAPTCHA.
4. Pega tus claves.
5. Luego añade esta línea en tu formulario:

   [recaptcha]
   

---

💾 Guardar mensajes en WordPress (opcional)

Contact Form 7 no guarda los mensajes en la base de datos por defecto. Para eso:

1. Instala el plugin Flamingo (del mismo creador).
2. Automáticamente se empezarán a guardar los mensajes en el panel (Flamingo > Bandeja de entrada).

---

🧠 Consejos útiles

• Si el formulario no envía correos, instala un plugin SMTP como WP Mail SMTP.
• Puedes usar etiquetas condicionales mediante plugins como Conditional Fields for Contact Form 7.
• Añade estilos con CSS si quieres personalizar los campos.
• Usa [acceptance] para cumplir la Ley de Protección de Datos (RGPD).

---