¿Cómo añadir y usar formularios de contacto en WordPress?
¿Cómo añadir y usar formularios de contacto en WordPress?
Existen varios plugins para crear formularios en WordPress, como WP Forms, Contact Form 7 y Pirate Forms.
En este ejemplo usaremos el plugin gratuito Contact Form 7.
1. Instalar el plugin Contact Form 7
Accede al panel de administración de WordPress y dirígete a Plugins → Añadir nuevo.
Busca Contact Form 7, haz clic en Instalar ahora y luego en Activar.
2. Añadir un nuevo formulario de contacto
Una vez activado, verás una nueva opción llamada Contacto en el menú lateral izquierdo.
Haz clic en Contacto para ver la lista de formularios existentes. Por defecto, WordPress crea uno llamado Contact form 1.
Para crear uno nuevo, selecciona Añadir nuevo. Verás un formulario base con campos predeterminados que puedes editar.
3. Configurar tu formulario
Los form tags se usan como marcadores de posición para los campos del formulario HTML.
Opciones principales:
- Tipo de campo: Define si el campo es obligatorio.
- Nombre: Identificador interno del campo (no visible para el usuario).
- Opciones: En campos desplegables, define las opciones disponibles.
- ID / Clase: Permite personalizar el formulario con CSS.
4. Editar la configuración del correo
Una vez creado el formulario, debes configurar desde dónde se envía y a qué dirección llegará.
- From (De): Debe ser una dirección de tu propio dominio, por ejemplo:
[email protected]. - To (Para): Puede ser cualquier dirección donde quieras recibir los mensajes.
También puedes definir qué datos del formulario se incluirán en el correo, como:
[your-name], [your-email], [your-subject], [your-message]
Estos valores corresponden a lo que el usuario completa en el formulario.
5. Añadir el formulario a tu sitio
Para mostrar el formulario en una página o entrada, copia el shortcode que aparece en la página del formulario.
Ejemplo:
[contact-form-7 id="11" title="Nuevo formulario de contacto"]
Pega el shortcode en la página o entrada deseada y guarda los cambios.
El formulario se mostrará automáticamente en el sitio.