Cómo creé un formulario de contacto de WordPress que la gente realmente usa

Cuando empecé a crear sitios web en WordPress, no me di cuenta de lo útil que podía ser un formulario de contacto. No es solo una forma para que la gente te contacte. También mantiene tu dirección de correo electrónico privada, reduce el spam y facilita la organización.

Una vez que agregué un formulario de contacto adecuado, todo se sintió más fluido. Los visitantes podían ponerse en contacto sin problemas y yo podía gestionar los mensajes en un solo lugar.

Por eso uso WPForms. Es simple, confiable y se encarga de los detalles para que puedas concentrarte en tu sitio web.

En esta guía, te mostraré cómo crear un formulario de contacto profesional en WordPress usando WPForms. 🚀

¿Por qué agregar un formulario de contacto en WordPress?

Agregar un formulario de contacto a tu sitio de WordPress es una forma sencilla de facilitar que las personas te contacten. En lugar de copiar tu dirección de correo electrónico y abrir su aplicación de correo, los visitantes pueden simplemente enviar un mensaje directamente desde tu sitio web.

He visto cómo algo tan pequeño puede marcar una gran diferencia.

Cuando las personas pueden hacer preguntas fácilmente, solicitar presupuestos o compartir comentarios, tu sitio se siente más accesible. Y es más probable que inicies conversaciones reales y nuevas oportunidades de negocio.

Aquí hay algunos beneficios clave de agregar un formulario de contacto a tu sitio de WordPress:

• Reduce el spam y mantente organizado — Un formulario de contacto ayuda a bloquear la mayoría del spam automatizado que se dirige a las direcciones de correo electrónico públicas, por lo que solo recibes mensajes genuinos.
• Pide los detalles correctos desde el principio — Puedes mostrar campos para cosas como el puesto y el nivel de experiencia para formularios de solicitud de empleo, o el tipo de producto y la cantidad para formularios de pedido. Esto te ayuda a entender lo que los visitantes necesitan y a responder de manera más efectiva.
• Consigue más clientes potenciales sin perder visitantes — Es mucho más probable que las personas completen un formulario rápido en lugar de salir de tu sitio para enviar un correo electrónico, especialmente en dispositivos móviles.
• Proyecta más profesionalismo — Un formulario de contacto simple y bien diseñado inspira más confianza que simplemente publicar tu dirección de correo electrónico.
• Ve qué es lo que más le importa a la gente — Los formularios te ayudan a detectar patrones, como desde qué páginas los visitantes te contactan o sobre qué temas preguntan. Esto puede ayudarte a ajustar tu contenido y hacer que tu sitio funcione mejor para tu audiencia.

¿La mejor parte? WordPress hace que sea sencillo agregar formularios de contacto profesionales sin necesidad de conocimientos de codificación. Para estrategias de formularios más avanzadas, consulta nuestra guía definitiva para usar formularios de WordPress.

Dicho esto, te guiaré sobre cómo agregar un formulario de contacto en WordPress.

Aquí tienes un resumen rápido de lo que cubriré en esta guía:

• Paso 1: Instala y activa el plugin WPForms
• Paso 2: Selecciona la Plantilla de Formulario de Contacto Simple
• Paso 3: Personaliza tu Formulario de Contacto
• Paso 4: Configura la Notificación y Confirmación del Formulario de Contacto
• Paso 5: Prueba tu Nuevo Formulario de Contacto
• Step 6: Embed Your Simple Contact Form on a WordPress Page
  • Muestra tu Formulario de Contacto en todo tu Sitio
  • Agrega tu Formulario de Contacto Usando un Shortcode
• Consejo Adicional: Configura el Seguimiento de Formularios de WordPress para Mejorar las Conversiones
• Preguntas frecuentes: Crear y agregar formularios de contacto en WordPress
• Tutorial en video: Cómo crear formularios de contacto en WordPress
• Lectura adicional para usar formularios en WordPress

Paso 1: Instala y activa el plugin WPForms

Para crear formularios de contacto en WordPress, recomiendo WPForms, que es el mejor plugin de formularios de contacto para WordPress. Es fácil de usar, pero lo suficientemente potente como para manejar casi cualquier cosa que necesites.

Lo he usado personalmente en muchos sitios a lo largo de los años, y siempre ha sido confiable. Además, también lo usamos para crear nuestro formulario de contacto aquí en WPBeginner.

Vea nuestra reseña detallada de WPForms para obtener más información sobre el plugin.

Para comenzar, debe ir al sitio web de WPForms para registrarse y crear una cuenta.

Simplemente haga clic en el botón ‘Obtener WPForms Ahora’, elija un plan y complete el proceso de registro. Esto lo llevará al panel de WPForms, donde podrá acceder a sus archivos zip de WPForms Pro y a su clave de licencia.

Desde aquí, puede ir a su área de administración de WordPress para instalar y activar el plugin WPForms.

Para hacer esto, simplemente navegue a Plugins » Agregar Nuevo Plugin.

En la siguiente pantalla, recomiendo usar la barra de búsqueda para encontrar rápidamente el plugin WPForms.

Haga clic en el botón ‘Instalar Ahora’ en el resultado de la búsqueda, y luego en ‘Activar’. Si desea instrucciones más detalladas, puede consultar nuestra guía sobre cómo instalar un plugin de WordPress.

Si ha comprado WPForms Pro, también deberá activar su clave de licencia.

Después de instalar el plugin, ve a WPForms » Configuración en tu panel de administración e ingresa tu clave de licencia. Esto desbloquea las funciones Pro y asegura que recibirás actualizaciones y soporte regulares.

Una vez activado, verás un nuevo menú de WPForms en tu panel de WordPress.

Paso 2: Selecciona la Plantilla de Formulario de Contacto Simple

Ahora que has activado WPForms, estás listo para crear un formulario de contacto en WordPress.

Cuando accedas a WPForms por primera vez, el asistente de configuración te guiará para crear tu formulario.

Si no ves un asistente de configuración, puedes navegar a WPForms » Todos los Formularios en tu panel de administración de WordPress y luego hacer clic en el botón ‘Añadir Nuevo’.

Esto te llevará a la página de Configuración, donde puedes empezar dando a tu formulario un nombre descriptivo como “Formulario de Contacto” o “Ponerse en Contacto”.

Esto es solo para tu referencia, pero tener nombres claros te ayuda a mantenerte organizado si creas varios formularios más adelante.

A continuación, elegirás cómo construirás tu formulario de contacto:

• Empezar desde cero – Construye tu formulario en un lienzo en blanco para tener control total sobre el diseño y los campos.
• Usar una plantilla prehecha – Con WPForms Pro, obtienes acceso a más de 2,000 plantillas listas para usar que puedes personalizar en minutos. WPForms Lite viene con más de 60 plantillas de formularios gratuitas.
• Generar un formulario con IA – Deja que el Constructor de Formularios con IA de WPForms cree un formulario personalizable para ti. Simplemente describe lo que necesitas en una indicación simple, y se encargará de la configuración automáticamente.

Si quieres usar la IA de WPForms, puedes pasar el cursor sobre el cuadro ‘Generar con IA’ y hacer clic en el botón ‘Generar formulario’.

En la siguiente pantalla, puedes seleccionar entre los ejemplos de indicaciones disponibles o agregar tu propia indicación personalizada para la IA.

Luego generará el formulario por ti, el cual podrás ver en el área de vista previa.

Sin embargo, para esta guía, te mostraré los pasos usando la plantilla ‘Formulario de Contacto Sencillo’. Incluye todos los campos esenciales que la mayoría de los sitios web necesitan.

Mientras navegas por las plantillas, podrías notar otras opciones populares que podrían ser útiles para tu sitio:

• Formularios de registro de usuarios — Perfectos para sitios de membresía o comunidades que permiten a los usuarios registrarse y crear cuentas.
• Formularios de pedido en línea — Ideales para restaurantes, tiendas en línea o proveedores de servicios que desean recibir pedidos de productos o personalizados directamente en su sitio.
• Formularios de reserva — Ideales para consultores, salones o negocios de alquiler que necesitan programar citas o reservas.
• Formularios de Encuesta — Útiles para recopilar comentarios de clientes o realizar encuestas rápidas.
• Formularios Conversacionales — Ofrecen una experiencia moderna, similar a un chat, que aumenta la participación y las tasas de finalización.

Una vez que hayas encontrado la plantilla con la que deseas trabajar, puedes pasar el cursor sobre ella y hacer clic en ‘Usar plantilla’.

Esto te llevará al editor de arrastrar y soltar de WPForms.

Paso 3: Personaliza tu Formulario de Contacto

Ahora viene la parte divertida: hacer que tu formulario de contacto funcione exactamente como lo deseas.

El constructor de arrastrar y soltar de WPForms hace que esto sea increíblemente fácil, incluso si nunca antes has creado un formulario. Aquí, puedes ver las opciones de personalización a la izquierda y la vista previa del formulario a la derecha.

Ahora, es posible que notes que la plantilla de Formulario de Contacto Simple incluye los campos de Nombre, Correo electrónico y Comentario o Mensaje.

Puedes reorganizar los campos arrastrándolos hacia arriba o hacia abajo para cambiar su orden. Esta flexibilidad significa que puedes recopilar exactamente la información que necesitas sin abrumar a los visitantes.

Luego, para cada uno de esos campos, puedes hacer clic en él para modificar su configuración, cambiar el texto de la etiqueta o marcarlo como obligatorio.

Aquí, cambié la etiqueta del campo de Correo electrónico a Dirección de correo electrónico y habilité la función de confirmación de correo electrónico. Esto permite a los usuarios verificar si han agregado el correo electrónico correcto.

Para agregar nuevos campos, simplemente arrástralos desde el panel izquierdo a tu formulario. Aquí hay algunas adiciones de campos populares que recomiendo considerar:

• Campo de Número de teléfono — Útil si prefieres llamar directamente a los clientes potenciales.
• Menú desplegable — Ideal para categorizar consultas (como “Ventas”, “Soporte” o “Pregunta general”)
• Campo de casilla de verificación — Perfecto para suscripciones al boletín o confirmaciones de consentimiento

Incluir una casilla de verificación con una etiqueta como “Suscríbete a nuestro boletín” o “Envíame noticias y actualizaciones ocasionales” es una buena idea. Te ayuda a aumentar tu lista de correo electrónico mientras los visitantes ya están interactuando con tu formulario de contacto.

Ten en cuenta que también necesitarás conectar tu formulario a un servicio de marketing por correo electrónico. Para más detalles, consulta nuestro tutorial sobre cómo usar tu formulario de contacto para aumentar tu lista de correo electrónico.

Para agregar esto, simplemente arrastra el campo de Casilla de verificación y suéltalo en la vista previa de tu formulario.

En el panel de personalización, puedes eliminar las otras dos opciones predeterminadas haciendo clic en el botón ‘–’.

Luego, agrega tu mensaje a la caja de opción restante.

A continuación, querrás ocultar la etiqueta ‘Casilla de verificación’.

Al ocultarla, solo el texto deseado “Envíame noticias y actualizaciones ocasionales” aparece junto a la casilla de verificación, manteniendo el formulario limpio y fácil de leer.

Para hacer eso, puedes cambiar a la pestaña ‘Avanzado’ y activar ‘Ocultar etiqueta’.

Para usuarios Pro, WPForms ofrece otras potentes opciones avanzadas que pueden hacer tus formularios aún más efectivos:

• Lógica condicional — Muestra u oculta campos basándote en respuestas anteriores.
• Campos de carga de archivos — Permite a los visitantes adjuntar documentos o imágenes.
• Campos de pago — Acepta pagos directamente a través de tu formulario.

Cuando estés satisfecho con los campos y el diseño de tu formulario, haz clic en el botón 'Guardar'.

Paso 4: Configura la Notificación y Confirmación del Formulario de Contacto

Ahora que ha creado su formulario de contacto, es esencial configurar correctamente las opciones de notificación y confirmación del formulario.

Aquí tiene un resumen rápido de cada configuración:

• Notificación del formulario es el correo electrónico que recibe después de que alguien envía el formulario de contacto en su blog de WordPress.
• Confirmación del formulario es lo que ve el visitante de su sitio web después de enviar el formulario. Puede ser un simple mensaje de agradecimiento, una página de seguimiento donde ha subido PDFs descargables, o cualquier cosa que desee.

La buena noticia es que WPForms configura automáticamente las notificaciones de su formulario nada más sacarlo de la caja. Esto significa que comenzará a recibir alertas por correo electrónico tan pronto como alguien envíe su formulario de contacto, sin necesidad de configuración adicional.

Dicho esto, aún puede configurar estas opciones para adaptarlas a sus necesidades.

Así que, vayamos a Configuración » Notificaciones. Por defecto, verá que WPForms envía notificaciones a la dirección de correo electrónico de su administrador de WordPress.

También puede enviar notificaciones a múltiples direcciones de correo electrónico, para que diferentes miembros del equipo reciban las consultas correctas. Por ejemplo, los mensajes de ventas pueden ir a su equipo de ventas, mientras que las solicitudes de soporte van a atención al cliente.

Al agregar direcciones de correo electrónico, asegúrese de separar cada una con una coma.

Obtenga más información sobre esto en nuestra guía sobre cómo crear un formulario de contacto con múltiples destinatarios.

En esta página, también puedes ver otros campos de personalización. Por ejemplo, la ‘Línea de asunto del correo electrónico’ se rellena previamente con el nombre de tu formulario. Mientras que el campo ‘Nombre del remitente’ se completa automáticamente con el nombre de tu sitio.

No olvides hacer clic en el botón ‘Guardar’ si realizas cambios aquí.

A continuación, cambiemos a la pestaña ‘Confirmación’ para elegir cómo sabrán los visitantes que has recibido su mensaje.

WPForms te ofrece tres opciones principales:

• Mostrar un mensaje — Muestra un mensaje de agradecimiento directamente en la misma página.
• Mostrar página — Envía a los usuarios de vuelta a la página anterior o a cualquier página existente en tu sitio, como una página de agradecimiento personalizada.
• Ir a URL (Redireccionar) — Envía a los visitantes a cualquier URL, dentro o fuera de tu sitio.

Recomiendo usar un mensaje personalizado para la mayoría de los formularios de contacto sencillos, ya que es inmediato y no requiere que los visitantes carguen una nueva página.

Si esto te parece bien, puedes seleccionar ‘Mensaje’ en el menú desplegable del tipo de confirmación y escribir tu mensaje personalizado en el campo disponible.

Ahora, un gran mensaje de confirmación no solo dice ‘gracias’, sino que establece expectativas. Puedes probar algo como: ‘¡Gracias por contactarnos! Hemos recibido tu mensaje y te responderemos en un plazo de 1 a 2 días hábiles.’

Esto tranquiliza al usuario de que su envío fue exitoso y le informa cuándo esperar una respuesta. Además, ayuda a que tu negocio se sienta más receptivo y confiable.

Sin embargo, redirigir a los usuarios a una página especial funciona bien si deseas mostrar contenido relacionado, ofrecer un recurso gratuito o rastrear conversiones en Google Analytics.

Y para negocios de servicios, podrías enviar a los usuarios a una página que explique tu tiempo de respuesta típico y los próximos pasos.

Las tiendas en línea, por otro lado, pueden redirigir a páginas de productos u ofertas especiales para mantener la interacción.

Si realizas algún cambio aquí, asegúrate de hacer clic en el botón ‘Guardar’.

Paso 5: Prueba tu Nuevo Formulario de Contacto

Una vez que hayas configurado tu formulario de contacto, es hora de probarlo rápidamente.

En la parte superior del constructor de WPForms, puedes hacer clic en el botón ‘Vista previa’ para ver cómo se verá tu formulario para los visitantes.

En la pantalla de vista previa, primero verifiquemos que todos tus campos se muestren correctamente y sean fáciles de entender.

Luego, procede a completar el formulario usando información de prueba. Puedes intentar omitir un campo obligatorio o escribir tu dirección de correo electrónico incorrectamente para asegurarte de que la validación del formulario funcione como debe.

Cuando todo se vea bien, haz clic en ‘Enviar’ para ver tu mensaje de agradecimiento o página de confirmación aparecer como esperas.

Así es como se ve en mi sitio de demostración:

Paso 6: Incrusta tu formulario de contacto simple en una página de WordPress

Ahora que todo está configurado, es hora de poner tu formulario de contacto en vivo en tu sitio web de WordPress. WPForms hace que este paso sea increíblemente sencillo con su función de incrustación integrada.

Para empezar, haz clic en el botón ‘Incrustar’ en la parte superior del constructor del formulario.

Esto te mostrará una ventana emergente de Incrustar en una página.

Aquí, puedes elegir entre ‘Seleccionar página existente’ y ‘Crear página nueva’.

Para una página de contacto completamente nueva, puedes seleccionar la opción ‘Crear página nueva’.

Después de eso, escribe un nombre de página como “Contacto” o “Contáctanos”, y luego haz clic en ‘¡Vamos!’

WPForms creará la página e incrustará automáticamente tu formulario en un solo paso. Luego puedes escribir todo el contenido que necesites para agregar contexto, previsualizar la página y publicarla.

Si ya tienes una página de Contacto en tu sitio, simplemente puedes elegir ‘Seleccionar página existente’.

Luego, en el siguiente popup, elegirás dónde quieres agregar el formulario de contacto desde el menú desplegable y harás clic en ‘¡Vamos!’.

Esto abrirá el editor de contenido de la página.

Desde aquí, puedes hacer clic en ‘+’ para agregar el bloque WPForms.

A continuación, verás el bloque WPForms agregado a tu editor.

Simplemente haz clic en el menú desplegable y elige el formulario que deseas agregar.

WPForms cargará entonces la vista previa de tu formulario de contacto dentro del editor de bloques.

Antes de publicar, puedes previsualizar la página para ver cómo se ve. La mayoría de los temas de WordPress modernos mostrarán el formulario de manera agradable sin necesidad de estilos adicionales.

Dicho esto, también puedes aplicar un tema a tu formulario. Para más información sobre esto, consulta nuestra guía sobre cómo dar estilo y personalizar tu formulario de WordPress.

Cuando estés satisfecho con todo, puedes hacer clic en el botón ‘Publicar’ o ‘Actualizar’ para guardar tu formulario. Luego, puedes visitar tu sitio web para verlo en acción.

Así es como se veía el formulario en una página de contacto de WordPress de muestra:

Para más detalles, consulta nuestra guía sobre cómo incrustar formularios en WordPress.

Muestra tu Formulario de Contacto en todo tu Sitio

Para una visibilidad aún mejor, considera agregar tu formulario de contacto a la barra lateral de tu sitio web o a cualquier otra área preparada para widgets en tu tema de WordPress. Esto brinda a los visitantes un fácil acceso para contactarte desde cualquier página de tu sitio.

Para hacer esto, necesitas ir a Apariencia » Widgets y luego hacer clic en el ícono de agregar bloque ‘Más’ en el área de widget donde deseas agregar tu formulario.

A continuación, busquemos ‘WPForms’.

Luego, puedes hacer clic en el bloque ‘WPForms’ para agregarlo a tu barra lateral.

Después de eso, necesitas seleccionar tu formulario de contacto en el menú desplegable.

Esto cargará automáticamente una vista previa de tu formulario.

A continuación, hagamos clic en el botón ‘Actualizar’ para guardar tus cambios.

Ahora, puedes visitar tu sitio para ver tu formulario de contacto en vivo en tu barra lateral u otra área de widgets.

Para obtener más información sobre los widgets, consulta nuestra guía sobre cómo agregar y usar widgets en WordPress.

Agrega tu Formulario de Contacto Usando un Shortcode

WPForms también viene con un shortcode para formularios de contacto de WordPress.

Puedes usar esto visitando WPForms » Todos los Formularios y luego copiando el shortcode junto a tu formulario.

Luego, todo lo que necesitas hacer es abrir la página donde quieres agregarlo y hacer clic en el botón de agregar bloque 'Más' y buscar 'Shortcode'.

A continuación, hagamos clic en el bloque 'Shortcode'.

En el bloque, procede a pegar el shortcode que copiaste arriba en el cuadro.

Después de eso, puedes hacer clic en ‘Actualizar’ o ‘Publicar’, y tu formulario de contacto estará en vivo en tu sitio web, igual que arriba.

Para aprender más sobre los códigos cortos, te recomendamos ver nuestra guía definitiva sobre cómo agregar un código corto en WordPress.

Consejo Adicional: Configura el Seguimiento de Formularios de WordPress para Mejorar las Conversiones

Una vez que tu formulario de contacto esté funcionando, el siguiente paso es entender cómo está rindiendo para que puedas mejorarlo aún más.

Al rastrear tus formularios, puedes ver, por ejemplo, cuáles reciben más envíos, de dónde provienen tus visitantes y qué páginas los animan a contactarte.

Esta información te ayuda a mejorar los formularios que no están funcionando tan bien, reducir el abandono de formularios y ajustar tu marketing para llegar a la audiencia correcta.

Por ejemplo, podrías descubrir que los visitantes de redes sociales tienen más probabilidades de enviar tu formulario de contacto que los de los motores de búsqueda. O que las personas que visitan primero tu página "Acerca de" tienen más probabilidades de ponerse en contacto.

Las perspectivas como estas te muestran dónde enfocar tu tiempo y esfuerzo.

El seguimiento de formularios también puede ayudarte a detectar problemas técnicos a tiempo. Si los envíos disminuyen repentinamente, sabrás que es hora de verificar si tu formulario o sitio web tiene problemas.

La buena noticia es que configurar el seguimiento de formularios es más fácil de lo que piensas, especialmente con las herramientas y la guía adecuadas.

Para empezar, puedes seguir nuestro tutorial paso a paso sobre cómo configurar el seguimiento de formularios de WordPress en Google Analytics.

Preguntas frecuentes: Crear y agregar formularios de contacto en WordPress

¿Cuál es el mejor plugin de formulario de contacto para WordPress?

WPForms es mi mejor opción para el mejor plugin de formularios de contacto de WordPress. Es fácil de usar para principiantes, sencillo y está repleto de funciones y complementos útiles. Puedes crear fácilmente cualquier tipo de formulario utilizando sus herramientas de IA y su creador de arrastrar y soltar.

Si buscas opciones más avanzadas, Formidable Forms y Gravity Forms son excelentes alternativas para cosas como formularios de varias páginas o cálculos complejos.

¿Cómo puedo agregar un formulario rellenable a mi sitio web?

La forma más fácil es usar un plugin creador de formularios como WPForms. Una vez que lo instales y actives, puedes elegir una plantilla, personalizar los campos y luego incrustar el formulario en cualquier página o publicación usando un código corto o un bloque.

¿A dónde van los datos de mi formulario de contacto de WordPress?

Eso depende del plugin que estés usando. Con WPForms, todas las entradas del formulario se guardan dentro de tu panel de WordPress en WPForms » Entradas, y también puedes hacer que se envíen directamente a tu correo electrónico. De esta manera, nunca te pierdes un mensaje de un visitante.

¿Por qué no funciona mi formulario de contacto de WordPress?

Las razones comunes por las que los formularios de contacto no funcionan incluyen configuraciones de correo electrónico incorrectas, conflictos de plugins o configuración SMTP faltante. Si no estás recibiendo correos electrónicos, recomiendo usar WP Mail SMTP para asegurarte de que los mensajes de tus formularios se entreguen correctamente.

¿Puedo agregar un formulario de contacto en WordPress sin usar un plugin?

Sí, pero implica agregar código HTML y PHP personalizado a los archivos de tu tema, lo cual no es ideal para principiantes. También tendrías que administrar cosas como el filtrado de spam, la entrega de correo electrónico y el estilo del formulario tú mismo, y eso puede consumir mucho tiempo rápidamente.

Usar un plugin como WPForms es mucho más seguro y confiable, ya que se encarga de todo eso automáticamente por ti.

Tutorial en video: Cómo crear formularios de contacto en WordPress

Si aprendes viendo, disfrutarás de nuestro tutorial en video sobre cómo crear un formulario de contacto en WordPress:

Suscríbete a WPBeginner

Lectura adicional para usar formularios en WordPress

Espero que este artículo te haya ayudado a crear un formulario de contacto simple en WordPress.

Para ayudarte a sacar aún más provecho de tus formularios de contacto y sitio web de WordPress, aquí tienes algunas guías relacionadas que complementan lo que acabas de aprender:

• Cómo crear un formulario de contacto seguro en WordPress
• Cómo usar el llenado dinámico de campos en WordPress para autocompletar formularios
• Cómo agregar funcionalidad de guardar y continuar en formularios de WordPress
• Cómo bloquear spam de formularios de contacto en WordPress
• Cómo exportar entradas de formularios de WordPress a CSV y Excel
• El formulario de WordPress no funciona: consejos para solucionar problemas

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.