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
- 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.
💡 Nota: WPForms viene en versiones gratuita y Pro. La versión WPForms Pro incluye más de 2,000 plantillas de formularios, lógica condicional y soporte prioritario.
Pero si solo necesita un formulario de contacto básico, WPForms Lite funciona perfectamente, y puede actualizar más adelante si necesita más funciones.
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.
🧑💻 Consejo interno: Además del constructor de formularios con IA, WPForms también tiene:
- Opciones de IA: Genera automáticamente opciones para campos como opción múltiple, botones de radio, casillas de verificación y menús desplegables.
- Cálculos de IA: Genera instantáneamente fórmulas de cálculo impulsadas por IA para campos como impuestos de ventas, eliminando la necesidad de cálculos manuales.
Ten en cuenta que estas son funciones Pro disponibles con los planes de pago de WPForms.
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.
🧑💻 Consejo Pro: Si estás utilizando tu formulario de contacto para recopilar suscriptores, este paso es crucial. Te ayuda a obtener el consentimiento claro de los usuarios antes de enviarles actualizaciones regulares, lo que también mantiene tu sitio cumpliendo con las leyes de privacidad como el RGPD.
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'.
🧑💻 Consejo Pro: Al personalizar, recuerda que a menudo menos es más. Un formulario más corto es menos intimidante y puede generar más envíos. Recomiendo solo pedir la información que necesitas absolutamente.
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í.
🧑💻 Consejo Pro: Si tienes problemas para recibir envíos de formularios, consulta nuestra guía sobre cómo solucionar problemas de envío de correos electrónicos en WordPress. Te muestra cómo usar WP Mail SMTP, el mejor plugin SMTP para WordPress, para asegurarte de que tus correos se entreguen de forma fiable siempre.
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.
🔗 Alternativa: Si deseas funciones más avanzadas o mayor flexibilidad, puedes consultar Formidable Forms. Para una comparación detallada de las mejores soluciones, consulta nuestra guía sobre los mejores plugins de formularios de contacto para 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:
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.
Tersugh Joshua
¿Funcionaría esto si estoy usando un sitio web alojado localmente para mi WordPress, como uso WAMP?
Soporte de WPBeginner
Yes, you can still set this up the contact form even when using local hosting
Administrador
Will Beadenkopf
Usé el formulario de contacto básico de WPForms en el blog y sitio web de mi esposa, pero recibimos más respuestas de spam de personas que intentan vender algo que respuestas reales.
¿Podemos poner más validación en el formulario básico, o tenemos que pasar a la versión Pro?
Comentarios de WPBeginner
La versión gratuita de WPForms tiene un par de opciones de CAPTCHA disponibles. Estas pueden ser muy efectivas para bloquear el spam.
Jiří Vaněk
Uso WP Forms desde que gané una licencia completa en su sorteo. Nunca antes había ganado nada, y luego recibí una licencia completa para WP Forms de usted de forma gratuita. Tengo que decir que es un gran plugin.
Soporte de WPBeginner
Glad you liked the plugin
Administrador
susan
Hola, seguí los pasos sin embargo la página de contacto no aparece en el sitio web. ¿Cómo debo proceder ya que lo he intentado varias veces?
Soporte de WPBeginner
Si te refieres a que la página a la que agregaste el formulario de contacto no está en tu menú, te recomendamos echar un vistazo a nuestro artículo a continuación sobre cómo crear y administrar tu menú:
https://www.wpbeginner.com/beginners-guide/how-to-add-navigation-menu-in-wordpress-beginners-guide/
Administrador
Bryan
Hola, gracias por la ayuda. Mencionaste que la dirección de correo electrónico se puede cambiar. ¿Podrías compartir cómo se hace y dónde?
Gracias
Karolina
Seguí todos los pasos, pero por alguna razón, este formulario no funciona. Lo desinstalé y lo instalé varias veces. Seguí exactamente como en el video, pero al enviar un formulario de contacto de prueba, no recibo correos electrónicos ni notificaciones.
Soporte de WPBeginner
Si no estás recibiendo correos electrónicos en tu sitio, te recomendamos seguir nuestra guía a continuación, ya que es muy probable que se deba a cómo WordPress envía correos electrónicos y no al formulario en sí:
https://www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/
Administrador
Eric
Seguí tu video para poner un formulario de contacto en mi sitio y lo hiciste fácil y agradable. Noté que tenías tu dirección e información de contacto a un lado. ¿Cómo pongo mi información de contacto ahí? Gracias de antemano.
Eric
Soporte de WPBeginner
If you mean from the video, we placed another block on the page and manually added the text
Administrador
Natalia
Hola, ¿cómo edito los botones y la tipografía en el formulario?
Soporte de WPBeginner
Dependería del plugin de formulario que decidas usar y hay diferentes ubicaciones para esa personalización.
Administrador
Amaka obi
Hice todo esto, pero cuando intenté probarlo, no recibí ninguna notificación en mi correo desde mi sitio web. Por favor, ¿cuál podría ser la causa?
Gracias
Soporte de WPBeginner
Por la razón más común, se debe a cómo WordPress envía correos electrónicos, puedes solucionar este problema siguiendo nuestra guía a continuación:
https://www.wpbeginner.com/plugins/how-to-set-up-wp-mail-smtp-with-any-host-ultimate-guide/
Administrador
Saiqa
¡Muchas gracias! Me ayudó mucho :)
Soporte de WPBeginner
Glad our guide was helpful
Administrador
JITEN PATIL
¡Gracias! este plugin es bueno. Lo estoy usando y es muy simple y fácil de crear formularios en menos tiempo.
Soporte de WPBeginner
Glad you found the plugin helpful
Administrador
Brian Leggero
¡Guau! ¡Ciertamente no se puede hacer más fácil que esto!
¡Excelentes instrucciones! Hablando despacio también, fácil de entender.
¡Sigue con el GRAN trabajo!
Soporte de WPBeginner
Thank you, glad you found our guide helpful
Administrador
Geoff Anderson
He instalado WPForms Lite y lo he activado, pero no aparece en la barra lateral del menú en WordPress. Puedo verlo en Plugins, pero no tengo una opción para seleccionar configuración, solo para desactivar.
Así que no puedo acceder al plugin en absoluto. ¿Alguna sugerencia?
Saludos, Geoff
Soporte de WPBeginner
Quizás quieras intentar reinstalar el plugin en caso de que haya habido un problema con tu descarga. De lo contrario, por favor, ponte en contacto directamente con el soporte de WPForms y ellos podrán ayudarte.
Administrador
Flora tony
por favor, cuando hago clic en enviar, voy a mi correo y no veo ningún correo
lo he intentado varias veces
Soporte de WPBeginner
Para no recibir correos electrónicos, hay algunas razones posibles. Para empezar, te recomendamos asegurarte de que tu sitio esté usando SMTP siguiendo nuestra guía a continuación:
https://www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/
Administrador
Daniel Putman
Me estoy frustrando mucho con sus tutoriales. Parecen estar desactualizados porque la vista que obtengo es diferente a la que están mostrando. Por favor, actualicen estos tutoriales.
Soporte de WPBeginner
Este artículo está actualizado, es posible que desees asegurarte de no estar en WordPress.com. Cubrimos la diferencia entre WordPress.com y WordPress.org en nuestro artículo a continuación:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrador
Court
Esto ya no funciona, ya que necesitas un plan de negocios para tener un formulario de contacto.
Soporte de WPBeginner
Eso es para WordPress.com, nuestros tutoriales son para WordPress.org. Cubrimos la diferencia entre los dos en nuestro artículo a continuación:
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Administrador
Court
¡¡Gracias por la aclaración!!
Soporte de WPBeginner
You’re welcome
Chris
Acabo de instalar WPForms y creé un formulario de contacto para mi sitio web.
Cuando visito la página de contacto, veo dos formularios de contacto; el de WPForms y otro. No tengo ningún otro plugin de formularios excepto WPForm.
¿Cómo puedo resolver esto?
Soporte de WPBeginner
Por defecto, WordPress no tiene una herramienta de formulario de contacto, querrás revisar tus plugins nuevamente para ver si hay plugins que agreguen una herramienta de formulario de contacto.
Administrador
Chris
Más tarde descubrí que el problema era de mi tema. Me puse en contacto con el soporte y me dieron un código para deshabilitarlo.
Gracias por tus comentarios.
Marguerite F Cleveland
Tengo mi formulario configurado, pero cuando lo pruebo en mi sitio y hago clic en el botón de enviar, no pasa nada. Lo configuré usando el editor de bloques.
Soporte de WPBeginner
Si te refieres a que no recibiste un correo electrónico, es probable que se deba a cómo WordPress está enviando los correos. Te recomendamos configurar SMTP para ayudarte a asegurar que recibas cualquier mensaje de tu sitio siguiendo nuestra guía aquí:
https://www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/
Administrador
Luz Manalo-Cruz
Hola. No puedo agregar el formulario de contacto en Páginas. Cuando hago clic en Páginas en mi panel, no hay ningún campo para Agregar formularios. ¿Hay otra manera? Estoy en localhost.
Soporte de WPBeginner
You’re likely using the block editor, you would want to check for the WPForms block to add the form to your page
Administrador
Luz Manalo-Cruz
¡Eso funcionó, gracias!
Soporte de WPBeginner
Glad we could help
Sakshi Kaushik
He instalado el plugin WPforms. ¿pero dónde reviso las entradas de mi formulario? No puedo ver las entradas que me están dando mis visitantes. Por favor, ayúdenme.
Soporte de WPBeginner
Debajo del elemento de menú de WPForms, debería haber una opción de entradas. Si no puedes ver las entradas, deberías contactar al soporte de WPForms y ellos te ayudarán con tu problema específico.
Administrador
Adepoju Olaide
Thanks for this post. i hope this would work for me!
Soporte de WPBeginner
You’re welcome, our guide should work for every WordPress.org site so it should work for you as well
Administrador
Ainjel M
¡Gran publicación! Gracias. ¡Fue tan simple!
Soporte de WPBeginner
You’re welcome, glad we could simplify the process for you
Administrador
Jennifer Preissler
Estoy usando el tema Divi y no encuentro el botón de agregar formulario...
Soporte de WPBeginner
If you are editing a post/page with the block editor you would want to add the WPForms block instead of looking for a button
Administrador
santoshrana
Detalle informativo. Esa lista ha ayudado mucho en mi tarea.
Soporte de WPBeginner
Glad our guide could help
Administrador
brenda s
Necesito ayuda, he creado un formulario y me gustaría saber cómo puedo recibir la información una vez que se presiona el botón de enviar, ¿a dónde va mi información?
Soporte de WPBeginner
Dependería del formulario que estés usando, pero por defecto, los envíos se envían por correo electrónico a la dirección de correo electrónico en Configuración > General.
Administrador
beth pross
He hecho mi formulario de contacto demasiadas veces como para contarlas. También he intentado subirlo varias veces. Estará en la vista previa. NO se publicará.
He seguido tus instrucciones cada vez. He invertido más de diez horas en esta única edición.
¿Qué estoy haciendo mal?
Soporte de WPBeginner
Dependería del plugin que estés usando. Si te pones en contacto con el soporte de tu plugin de formularios de contacto, deberían poder ayudarte con cuál podría ser el problema.
Administrador
Ranojit Kumar
Gracias por esta publicación.
Soporte de WPBeginner
You’re welcome
Administrador
Kathy Rowland
Thanks for the great tutorial! Off to update and activate my Contact Form. Let the emails begin
Soporte de WPBeginner
You’re welcome, glad you liked our article
Administrador
Jochen Gererstorfer
¿Tenemos que instalar otro plugin si actualizamos de la versión lite a WPForms Pro?
Soporte de WPBeginner
Cuando agregues tu clave de licencia, la versión lite debería reemplazarse por la versión pro por ti.
Administrador
Kathleen
Esto es genial… suena bastante fácil. Voy a probarlo con el sitio web de mis nietas. Gracias…
Soporte de WPBeginner
You’re welcome, glad our guide is helpful
Administrador
Burhan
El formulario de contacto es uno de los elementos imprescindibles de un sitio web.
Este artículo es todo lo que necesitas para aprender a crear el mejor y más profesional formulario de contacto.
Soporte de WPBeginner
Thank you for your recommendation of our article
Administrador
Henry Bartimus
cuando hago clic en “confirmación y se abre un cuadro vacío sin contenido, gracias
Soporte de WPBeginner
That’s quite strange, you could start by disabling your other plugins to see if it is a plugin conflict. Otherwise, please reach out to WPForms’ support directly and they should be able to assist with the issue
Administrador
Susan
He instalado WP forms Lite, pero no veo las opciones de configuración en ningún lado en la configuración – no hay mucho ahí. ¿Alguna pista?
Soporte de WPBeginner
It would depend on what specific option you’re looking for as some options are in the forms themselves. If you reach out to the plugin’s support they can help point you to what you’re looking for
Administrador
Greg
Creé el formulario de contacto Simple y el problema que tengo es que el correo electrónico que se envía va a la carpeta de Correo no deseado. He intentado agregar el dominio y el remitente como seguros, pero aún así va a Correo no deseado. ¿Cómo puedo detener esto?
Soporte de WPBeginner
Si estás enviando correos electrónicos usando SMTP, como el método en nuestro artículo: https://www.wpbeginner.com/plugins/how-to-send-email-in-wordpress-using-the-gmail-smtp-server/
Es posible que desees contactar al soporte de tu proveedor de correo electrónico para ver si hay alguna configuración de su lado que pueda estar causando esto.
Administrador
Clement
Gran tutorial para cualquiera que quiera crear un formulario de contacto de manera fácil de seguir
Soporte de WPBeginner
THank you
Administrador
Khan
Buen post, hermano. Quiero preguntar, ¿este formulario cumple con el GDPR?
Soporte de WPBeginner
Para detalles sobre el cumplimiento del GDPR al crear un formulario, deberías echar un vistazo a: https://www.wpbeginner.com/plugins/how-to-create-gdpr-compliant-forms-in-wordpress/
y
https://www.wpbeginner.com/beginners-guide/the-ultimate-guide-to-wordpress-and-gdpr-compliance-everything-you-need-to-know/
Administrador
Jess
Hola, ¡gracias por tus interesantes artículos, me han ayudado mucho!
Me pregunto si sabes cómo insertar un código que permita al usuario eliminar un archivo que se ha subido a un formulario de Contact 7. Digamos que se subió por error y quieren eliminarlo e intentarlo de nuevo. Por el momento, mi formulario no me permite eliminar ningún archivo subido... Agradezco tu ayuda.
Soporte de WPBeginner
Para una pregunta específica sobre el formulario de contacto 7, debería comunicarse con el soporte del plugin y ellos deberían poder ayudarle.
Administrador
Eucharia
Gracias por el maravilloso artículo, lo he estado siguiendo para crear mi sitio pero tengo un problema al agregar mi formulario a la página de contacto. Cuando hago clic en agregar página, se abre una barra para agregar el título, pero no veo la opción de agregar formulario. No he podido agregar mi formulario de contacto a mi página de contactos.
Por favor, necesito que me ayudes. Gracias
John
Cuando creo una página nueva, no veo un botón de "agregar formulario". Esto es WP 5.0.2, recién reiniciado.
Soporte de WPBeginner
For the new blocks editor you would want to add a WPForms block and that would allow you to add the form
Administrador
Himanshu
Gracias por su arduo trabajo y por los videos. Aprendo mucho de sus videos. Sin embargo, algo que he notado consistentemente es que a menudo se saltan algunos pasos o pasan rápidamente por una acción simple que confunde a los recién llegados, especialmente cuando son instructores de 'WPbeginner'. Ejemplo. Mientras enseñaban a crear un formulario de Contacto, antes de publicarlo/actualizarlo, se saltaron el texto "Nos encantaría saber de ti". Este es el texto que ingresaron pero no mostraron y eso me confundió mucho sobre cómo es que ese texto no aparecía en mi formulario porque los he estado siguiendo paso a paso para crear el formulario en mi nuevo sitio web mientras veo su video. Fui y vine y creé 4 formularios sin éxito; el texto simplemente no aparecía. Entonces me dije a mí mismo, ¡qué diablos! y lo ingresé por mi cuenta y continué con el resto del video. Noté el mismo problema en sus otros videos también. ¿Podrían ser un poco más lentos y específicos? Tengan en cuenta que esto no es una crítica; es una sugerencia constructiva. Ustedes hacen un gran trabajo y sin ustedes, no habría creado mi sitio web por mi cuenta y no les estaría escribiendo aquí. Millones de gracias por hacer esto
Soporte de WPBeginner
Hola Himanshu,
Gracias por sus amables comentarios, realmente los apreciamos. Somos conscientes del problema al que se refiere y nuestro equipo está trabajando continuamente para mejorar los videos. Pondremos más esfuerzo en ello.
Mientras tanto, si no puede seguir las instrucciones que se muestran en un video o en uno de nuestros tutoriales, no dude en preguntarnos. Puede hacerlo dejando un comentario o enviándonos un mensaje a través del formulario de contacto en nuestro sitio web. Hacemos todo lo posible para responder a todas las preguntas de los usuarios.
Administrador
Brenda Donovan
La forma simple es todo lo que necesito y se ve bien y también se ve bien en el teléfono celular.
Configuré reCaptcha pero no aparece en la página de contacto donde está el código del formulario.
¿Hay un código corto para eso también? y si es así, ¿dónde está en la configuración?
Gracias…
Soporte de WPBeginner
Hola Brenda,
No, necesitarás configurar reCAPTCHA en la configuración del plugin.
Administrador
Michel Kapteijns
Hola,
Seguí todos los pasos, veo el formulario de contacto en mi sitio. Puedo escribir un mensaje, y después de enviarlo, veo claramente el mensaje de ‘gracias’. Pero... no recibo el mensaje en mi cuenta de correo electrónico. ¿Qué estoy haciendo mal?
Muchas gracias por su respuesta a esto.
Saludos, Michel
Soporte de WPBeginner
Hola Michel,
Por favor, consulta nuestro artículo sobre cómo solucionar el problema de que WordPress no envía correos electrónicos.
Administrador
Shamli
Hola, he hecho todos los pasos como se mencionó anteriormente, pero no puedo ver la página de contacto cuando previsualizo.
Por favor, ayúdenme a resolver.
Gracias.
Soporte de WPBeginner
Hola Shamli,
Necesitas editar la página, insertar el formulario y luego hacer clic en el botón de vista previa. Tu formulario de contacto solo aparecerá en la página donde insertes el formulario.
Administrador
Brenda
HOLA – Estamos usando este formulario de contacto y está bien, pero me gustaría agregar Captcha y, lo que es más importante, algún texto que se pueda sobrescribir en el cuadro de mensaje. Hay una empresa local con un nombre muy similar, por lo que constantemente recibimos mensajes que se refieren a esta otra empresa. Queremos tener algún texto, que deba ser sobrescrito, para reiterar de qué se trata nuestra empresa e intentar reducir estos mensajes. ¿Es esto posible?
Brenda Donovan
Volví a hacer el formulario y volví a revisar la configuración de agregar reCAPTCHA en la confirmación y funcionó esta vez. Lo había hecho antes, pero de alguna manera no se aplicó.
ahora con el problema del correo. gracias
safi
señor, ¿cómo puedo saber qué sistema de correo electrónico notifica o recibe mensajes? Hice todo pero no sé de dónde recibiré el correo del cliente. Soy principiante en WP.
Soporte de WPBeginner
Hola Safi,
Por favor, consulta cómo solucionar el problema de que WordPress no envía correos electrónicos
Administrador
Yamin Kamboh
Gracias, fue realmente útil.
Sarah Zubair
Entonces, ¿cómo accedo a la biblioteca de medios (si tengo la opción de adjuntar algunos archivos en mis formularios de WP) y dónde se almacenan todos?
Soporte de WPBeginner
Hola Sarah,
Por defecto, los archivos subidos por el usuario se almacenan en la carpeta WPForms dentro del directorio Uploads de tu sitio.
Si prefieres subir los archivos a la Biblioteca de Medios de WordPress, haz clic en el campo Carga de Archivo en el constructor de formularios. Luego, en Opciones Avanzadas, marca la casilla junto a Almacenar archivo en la Biblioteca de Medios de WordPress.
Para más detalles, consulta esta guía.
Administrador
marypeter
Esto es realmente útil. Puedo decir que es la primera vez que dejo una reseña en cualquier sitio web. La información que has proporcionado me ha impulsado a hacerlo. ¡¡Muchas gracias!!
Eston
Hola
¿cómo configuro para recibir correos electrónicos en Gmail y poder responder a los clientes directamente en Gmail.com?
Soporte de WPBeginner
Hola Eston,
Puedes ir a la sección de configuración de cualquier formulario y hacer clic en la pestaña de confirmación. Desde aquí puedes agregar cualquier dirección de correo electrónico donde quieras ser notificado.
Administrador
Cathy
Encontré esto muy útil para la configuración, sin embargo, después de completarlo, hice una prueba, al igual que un amigo mío, no puedo entender por qué no estamos recibiendo las pruebas de correo electrónico enviadas desde el sitio web. Aunque he revisado los pasos por segunda vez para asegurarme de que todo estuviera correctamente configurado, no estoy recibiendo mensajes del sitio web, espero que puedan ayudar con sugerencias constructivas para ayudar a resolver el problema, agradezco mucho la ayuda...