Uso de formularios de contacto con Contact Form 7 (opcional)
En esta página:
- Introducción
- Instalar y activar Contact Form 7
- Configurar un formulario de contacto
- Insertar el formulario en una página
- Consejos para formularios accesibles
Introducción
Contact Form 7 es un plugin versátil que permite crear y gestionar formularios de contacto en tu sitio WordPress. Esta guía te mostrará cómo instalar, configurar y utilizar este plugin de manera accesible.
Instalar y activar Contact Form 7
- Accede a la sección de plugins:
- Desde la barra lateral izquierda, utiliza Tab o las flechas para navegar hasta Plugins.
- Pulsa Enter para expandir el menú y selecciona Añadir nuevo.
- Buscar el plugin:
- Usa Tab para llegar al campo de búsqueda.
- Escribe “Contact Form 7” y pulsa Enter.
- Instalar el plugin:
- Usa Tab para moverte por los resultados de búsqueda y selecciona Instalar ahora junto al plugin Contact Form 7.
- Pulsa Enter para iniciar la instalación.
- Activar el plugin:
- Una vez instalado, utiliza Tab para llegar al botón Activar y pulsa Enter.
Configurar un formulario de contacto
- Acceder a Contact Form 7:
- Desde la barra lateral izquierda, utiliza Tab o las flechas para navegar hasta Contact y pulsa Enter.
- Selecciona Contact Forms para ver la lista de formularios disponibles.
- Editar el formulario predeterminado:
- Usa Tab para navegar al formulario predeterminado titulado Contact Form 1.
- Pulsa Enter en el enlace Editar para abrir el editor del formulario.
- Personalizar los campos del formulario:
- Navega con Tab por los campos del formulario en el área de texto de configuración.
- Asegúrate de que los campos relevantes, como “Nombre”, “Correo electrónico”, “Asunto” y “Mensaje”, estén incluidos.
- Si necesitas añadir un nuevo campo, utiliza la barra de herramientas en la parte superior del editor para seleccionar el tipo de campo, como un menú desplegable o un campo de fecha.
- Guardar los cambios:
- Usa Tab para llegar al botón Guardar y pulsa Enter.
Insertar el formulario en una página
- Copiar el shortcode:
- Desde la pantalla de Contact Forms, navega con Tab hasta el campo que contiene el shortcode del formulario (por ejemplo:
[contact-form-7 id="123" title="Contact Form 1"]). - Pulsa Ctrl + C para copiar el shortcode.
- Desde la pantalla de Contact Forms, navega con Tab hasta el campo que contiene el shortcode del formulario (por ejemplo:
- Abrir una página para insertar el formulario:
- Ve a Páginas > Todas las páginas y selecciona la página donde deseas insertar el formulario, como “Contáctanos”.
- Pulsa Enter en el enlace Editar debajo del título de la página.
- Pegar el shortcode:
- Usa Tab para moverte al área de contenido.
- Pulsa Ctrl + V para pegar el shortcode del formulario en el lugar deseado.
- Guardar y publicar:
- Usa Tab para llegar al botón Actualizar o Publicar y pulsa Enter.
Consejos para formularios accesibles
- Proporciona etiquetas claras: Asegúrate de que cada campo tenga una etiqueta descriptiva para que los usuarios sepan qué información ingresar.
- Incluye un mensaje de confirmación: Configura un mensaje claro para que los usuarios sepan que su formulario se envió correctamente.
- Prueba el formulario: Verifica que todos los campos sean accesibles con el teclado y los lectores de pantalla.
En resumen, Contact Form 7 es una herramienta flexible para crear formularios de contacto accesibles en WordPress. Siguiendo estos pasos, podrás añadir y gestionar formularios en tu sitio de manera eficiente.
