WordPress

Cómo crear formularios de contacto en WordPress

Guía para crear y configurar formularios de contacto en WordPress usando plugins populares como Contact Form 7.

¿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

  • Ve a Plugins → Añadir nuevo
  • Busca "Contact Form 7"
  • Haz clic en "Instalar" y luego "Activar"

    • Crear un formulario

  • Ve a Contacto → Formularios de contacto
  • Haz clic en "Añadir nuevo"
  • Escribe un nombre para tu formulario
  • En el editor, verás código HTML del formulario
  • 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:

      <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.

    Volver a WordPress