Curso WordPress

Cómo Hacer Página de Contacto en WordPress

pagina de contacto wordpress

Tabla de contenidos

Si has seguido el Curso de WordPress, en el módulo anterior ya vimos cómo diseñar una página web en WordPress, ahora vamos a concentrarnos específicamente en la página de contacto.

Una página de contacto es esencial para cualquier sitio web, ya que permite a tus visitantes ponerse en contacto contigo fácilmente. En este tutorial, te mostraremos cómo crear una página de contacto en WordPress utilizando diferentes métodos, desde el uso del editor de bloques hasta plugins específicos que ofrecen funcionalidades avanzadas.

¿Por Qué Necesitas una Página de Contacto?

Tener una página de contacto bien diseñada en tu sitio web tiene varias ventajas:

  1. Facilita la Comunicación: Permite a tus visitantes hacer preguntas, solicitar información o enviar comentarios fácilmente.
  2. Credibilidad y Profesionalismo: Una página de contacto bien diseñada muestra que tu sitio es legítimo y profesional.
  3. Mejora la Experiencia del Usuario: Proporciona un medio claro y directo para que los visitantes se comuniquen contigo, mejorando la usabilidad de tu sitio.

Crear un formulario de contacto usando WPForms

WPForms es el mejor plugin gratis para crear formularios de contacto fácilmente con una interfaz de arrastrar y soltar.

Paso 1: Instalar WPForms

  1. Ve a Plugins > Añadir nuevo.
  2. Busca «WPForms».
  3. Instala y Activa el Plugin.

Paso 2: Crear un Formulario de Contacto

  1. Ve a WPForms > Añadir nuevo.
  2. Ponle un nombre a tu formulario, el que tú quieras, este no es visible para los usuarios, sólo es para que puedas identificar tu formulario, en el caso de que vayas a crear otros.
  3. Elige una Plantilla, te recomiendo seleccionar la plantilla de «Formulario de Contacto Simple«.
wp forms nuevo formulario de contacto simple

Paso 3: Personaliza el Formulario de Contacto

Una vez seleccionada la plantilla, nos muestra el personalizador del formulario desde donde podemos adaptarlo a nuestras necesidades.

campos del formulario de contacto en wp forms
  1. Área de trabajo: Es aquí donde puedes arrastrar y soltar los campos que desees agregar a tu formulario, al hacer clic sobre cada uno de los campos en este espacio, te despliega una serie de opciones del campo. Desde aquí también puedes eliminar y mover de posición los campos al seleccionarlos.
  2. Añadir campos: Cuentas con una lista de 10 campos gratis los cuales puedes arrastrar hacia tu área de trabajo, funciona como un maquetador de bloques así que puedes soltarlos en la posición donde deseas que sean colocados.
  3. Opciones de campo: Al seleccionar un campo en tu área de trabajo, te muestra en esta pestaña una serie de campos desde donde puedes configurarlos. Contarás con 2 pestañas internas: General y Avanzado.

Paso 4: Configurar el Formulario de Contacto

Después, debemos configurar los ajustes de nuestro formulario. Para esto hay que dirigirnos a la pestaña Ajustes que se encuentra en la barra lateral izquierda y nos muestra una pantalla con las siguientes opciones de configuración:

ajustes del formulario de contacto usando wp forms
  1. General: Lo más importante aquí es el texto del botón Enviar, el cual puedes modificar desde aquí y también el texto que se pone en el botón mientras está enviándose. Además podrás cambiar el nombre del formulario, recuerda que este nombre no es público.
  2. Protección contra spam y seguridad: Desde aquí puedes configurar un filtro contra spam, yo suelo configurar reCAPTCHA de Google, es muy buena idea configurarlo ya que si puedes recibir demasiado spam.
  3. Avisos: Se configura el destino de los correos, de manera predeterminada aparece {admin_email} que es el correo que tiene WordPress como administrador, lo puedes cambiar en Ajustes > General. Pero si no quieres cambiar el correo administrador, pero si te gustaría que estos mensajes del formulario lleguen a otra cuenta de correo, puedes teclearla manualmente en el campo llamado: Enviar a la dirección de correo electrónico. Desde aquí también puedes modificar el asunto del correo y el remitente.
  4. Confirmaciones: Elige el mensaje que deseas se muestre cuando el formulario sea enviado correctamente. También puedes elegir una URL de destino.

En la pestaña de Avisos, encontrarás una notificación con la recomendación de instalar un plugin llamado WP Mail SMTP. Es muy buena ide ya que esto lo que hace es configurar un correo real de tu hosting para enviar los correos, de lo contrario estos mensajes podrían tener problemas para llegar a tu bandeja de entrada.

Una vez que termines de configurar, debes guardar tu formulario con el botón que se encuentra en la parte superior derecha.

Paso 5: Añadir el Formulario a tu Página de Contacto

Finalmente, para agregar este formulario creado, dirígete a la página donde desea agregarlo, o si aún no tienes una. Crea una página nueva, puedes llamarla contacto.

Haz clic en el botón «+» para agregar un bloque nuevo y busca el bloque WP Forms. Una vez encontrado, agrégalo en donde deseas que sea visible tu formulario.

agregar formulario de contacto en página wordpress

Ya sólo necesitas seleccionar el formulario que acabas de crear y listo, tu formulario será visible.

Consejos para Optimizar tu Página de Contacto

  1. Incluir Información de Contacto Adicional: Como dirección, teléfono, y enlaces a tus redes sociales.
  2. Añadir un Mapa: Usa Google Maps para mostrar tu ubicación si tienes una dirección física.
  3. Diseño Claro y Atractivo: Asegúrate de que el formulario sea fácil de usar y que la página tenga un diseño limpio.
  4. Protección contra Spam: Implementa un CAPTCHA para evitar el spam en tu formulario de contacto.

Conclusión

Crear una página de contacto en WordPress es esencial para cualquier sitio web. Siguiendo los pasos de este tutorial, podrás crear una página de contacto efectiva que facilite la comunicación con tus visitantes y mejore la experiencia general de tu sitio web.

Si estás siguiendo el Curso de WordPress, con este módulo concluimos la creación de las páginas estáticas del sitio web. En el módulo siguiente, aprenderás como agregar un blog a tu página web de WordPress.

Deja el primer comentario