Cómo crear formularios de contacto en WordPress

¿Por qué usar formularios?

Los formularios permiten a los visitantes contactarte sin exponer tu email públicamente, reduciendo spam.

Contact Form 7 (Gratuito)

El plugin de formularios más popular:

Instalación

1. Ve a Plugins → Añadir nuevo
2. Busca “Contact Form 7”
3. Haz clic en “Instalar” y luego “Activar”

Crear un formulario

1. Ve a Contacto → Formularios de contacto
2. Haz clic en “Añadir nuevo”
3. Escribe un nombre para tu formulario
4. En el editor, verás código HTML del formulario
5. Puedes usar el formulario predeterminado o personalizarlo

Campos comunes

• [text* tu-nombre] – Campo de texto requerido
• [email* tu-email] – Campo de email requerido
• [tel tu-telefono] – Campo de teléfono
• [textarea* tu-mensaje] – Área de texto requerida
• [submit “Enviar”] – Botón de envío

Configurar email

• En la pestaña “Correo”
• Configura:
  • Para: Tu email donde recibirás los mensajes
  • De: Email del remitente
  • Asunto: Asunto del email
  • Cuerpo del mensaje: Contenido del email

Agregar formulario a una página

• Copia el shortcode del formulario (ej: [contact-form-7 id=”123″])
• Edita la página donde quieres el formulario
• Pega el shortcode
• Publica la página

WPForms (Premium con versión gratuita)

Formulario más visual y fácil de usar:

• Constructor visual drag-and-drop
• Más fácil para principiantes
• Versión gratuita limitada
• Versión premium con más características

Gravity Forms (Premium)

Muy potente pero de pago:

• Muchas características avanzadas
• Integraciones con servicios externos
• Formularios complejos
• Ideal para sitios profesionales

Formulario HTML básico

También puedes crear un formulario HTML simple:

CÓDIGOCopiar código

<form action="mailto:[email protected]" method="post">
  <input type="text" name="nombre" placeholder="Tu nombre" required>
  <input type="email" name="email" placeholder="Tu email" required>
  <textarea name="mensaje" placeholder="Tu mensaje" required></textarea>
  <button type="submit">Enviar</button>
</form>

Protección contra spam

Protege tus formularios:

reCAPTCHA

• Google reCAPTCHA v3 (invisible)
• Contact Form 7 tiene integración
• Requiere claves de API de Google

Honeypot

• Campo oculto que solo los bots llenan
• Si se llena, el envío se rechaza
• Incluido en muchos plugins

Personalizar estilos

Puedes personalizar la apariencia:

• Agrega CSS personalizado
• Usa las clases CSS del formulario
• Algunos plugins incluyen estilos predeterminados

Mejores prácticas

• Manténlo simple: Solo campos necesarios
• Campos claros: Labels descriptivos
• Validación: Valida email, teléfono, etc.
• Mensaje de confirmación: Confirma que el mensaje se envió
• Protección spam: Siempre incluye protección

💡 Tip: Prueba tu formulario antes de publicarlo. Envía un mensaje de prueba para asegurarte de que los emails lleguen correctamente.