Resumen de la IA
La mayoría de los sitios web de WordPress necesitan un formulario de contacto desde el primer día.
Los visitantes esperan poder ponerse en contacto contigo, y sin un formulario, o bien acabas poniendo tu dirección de correo electrónico en la página (hola, bots de spam) o bien pierdes clientes potenciales a favor de quien haya facilitado más el contacto.
El problema es que WordPress no incluye un formulario de contacto de serie. Así que voy a explicarte cómo crear un formulario de contacto sencillo en WordPress utilizando WPForms, el plugin de formularios al que recurro siempre.
Cree su formulario WordPress ahora
Cómo crear un formulario de contacto en WordPress
Para demostrar lo fácil que es utilizar WPForms para crear un formulario de contacto en WordPress, hemos creado el «WPForms Challenge». Este asistente de configuración, divertido y fácil de usar, te guía paso a paso por todo lo que necesitas hacer para crear tu primer formulario.
Tienes 5 minutos para completarlo. Pero creemos que lo tendrás listo incluso antes. El «WPForms Challenge» es solo por diversión y solo aparece la primera vez que creas un formulario.
Si utilizas Elementor, quizá te interese echar un vistazo a esta guía alternativa para crear un formulario de contacto de Elementor con WPForms. ¿Listo para empezar? ¡Manos a la obra!
- Paso 1: Instale el plugin WPForms Lite
- Paso 2: Seleccione la plantilla de formulario de contacto simple
- Paso 3: Personalice su primer formulario de contacto
- Paso 4: Compruebe la configuración de las notificaciones del formulario de contacto
- Paso 5: Incrusta tu formulario de contacto sencillo en una página de WordPress
Paso 1: Instale el plugin WPForms Lite
Lo primero que tienes que hacer es instalar y activar el plugin WPForms. WPForms está considerado como el mejor plugin de formularios para WordPress y es la solución ideal para crear formularios de contacto.
Lo que más me gusta de WPForms para los formularios de contacto es la plantilla «Simple Contact Form». Viene preconfigurada con los campos que la mayoría de los sitios web realmente necesitan (nombre, correo electrónico, asunto, mensaje), así que, para crear un formulario de contacto básico, basta con instalarla, seleccionar la plantilla, insertarla en una página y listo.
Para empezar, descarga WPForms Lite desde WordPress.org o adquiere una licencia de pago. Si necesitas ayuda para instalar un plugin, sigue esta guía paso a paso sobre cómo instalar un plugin en WordPress.
Una vez activado, verás que el asistente de configuración de WPForms te muestra la opción de participar en el «WPForms Challenge». Cuando hayas completado este reto, tendrás tu primer formulario listo y podrás crear una página de contacto en WordPress. Haz clic en «Empezar el WPForms Challenge » para comenzar.
Paso 2: Seleccione la plantilla de formulario de contacto simple
Una vez que hagas clic en «Iniciar el reto de WPForms», aparecerá la pantalla de configuración del formulario. Aquí es donde debes asignarle un nombre al formulario y elegir una plantilla con la que empezar. Haz clicen «Empecemos» para continuar.
Ponle un nombre al formulario. Yo suelo elegir algo sencillo, como «Formulario de contacto» o «Ponte en contacto», para que sea fácil de encontrar después en WPForms » Todos los formularios. Haz clic en «Hecho» para continuar.
A continuación, elegirás una plantilla. WPForms cuenta con más de 2.100 plantillas de formularios que abarcan desde inscripciones a eventos hasta encuestas y solicitudes de empleo, pero para un formulario de contacto solo necesitas una.
Selecciona la plantilla «Formulario de contacto sencillo ». Así accederás al generador de formularios con la plantilla ya cargada. Verás los campos «Nombre», «Correo electrónico», «Asunto» y «Mensaje» listos para usar.
Si prefieres saltarte por completo la búsqueda de plantillas, puedes utilizar WPForms AI para generar un formulario personalizado describiendo lo que quieres en un lenguaje sencillo.
Paso 3: Personalice su primer formulario de contacto
Una vez que estés dentro del constructor de formularios, verás un mensaje emergente indicándote el siguiente paso:
Personalizar los campos de los formularios en WordPress es muy fácil con el generador de formularios de arrastrar y soltar de WPForms. Puedes añadir nuevos campos a tu formulario de contacto arrastrándolos desde el panel de la izquierda al de la derecha.
La plantilla «Formulario de contacto sencillo» incluye cuatro campos de serie, y para la mayoría de los casos, eso es todo lo que necesitas. Si quieres añadir más, esto es lo que suelo utilizar y cuándo:
- Campo «Teléfono»: Para formularios de contacto orientados a las ventas en los que se desea tener la opción de realizar un seguimiento por teléfono. Disponible en el plan Básico y superiores.
- Campo de dirección: Para empresas de servicios (fontaneros, diseñadores, cualquier profesional que se desplace al domicilio del cliente). Disponible en el plan Básico y superiores.
- Carga de archivos: para consultas de asistencia en las que sea necesario adjuntar una captura de pantalla o un documento. Disponible en el plan Básico y superiores.
- Menú desplegable: útil para que los usuarios puedan seleccionar un departamento o un tema. Disponible en todos los planes, incluido el Lite.
Si necesitas inspiración, echa un vistazo a estos ejemplos de páginas de contacto para ver qué incluyen otros sitios web en sus formularios.
También puedes profundizar en tipos de campos avanzados, como la lógica condicional, los cálculos y los campos de pago, pero para ello necesitas el plan Pro y no son necesarios para un formulario de contacto básico.
Cuando el formulario esté configurado como desees, haz clic en «Hecho».
Paso 4: Compruebe la configuración de las notificaciones del formulario de contacto
El siguiente paso del Reto WPForms trata sobre la configuración de notificaciones de tu formulario. La mayoría de los principiantes pasan por alto la configuración de notificaciones y luego se preguntan por qué no reciben correos electrónicos.
Por defecto, WPForms envía un correo electrónico de notificación a tu dirección de correo electrónico de administrador de WordPress cada vez que alguien envía el formulario. El correo electrónico contiene la entrada completa y solo lo recibe un destinatario.
Pero, ¿y si también quieres enviar notificaciones por correo electrónico a la persona que envía el formulario?
Eso es fácil de cuidar. En WPForms, puede crear múltiples notificaciones de formularios y enviarlas a diferentes miembros de su equipo, así como a sus clientes tras el envío del formulario.
Además, si desea mantener la coherencia de la marca en todos sus correos electrónicos, puede consultar esta guía sobre cómo añadir un encabezado personalizado a su plantilla de correo electrónico.
La función de correo predeterminada de WordPress (PHP mail) no es fiable en muchos servidores, por lo que algunas notificaciones de formularios nunca llegan. Si no recibes el correo electrónico de prueba del paso 6, en la sección de preguntas frecuentes que aparece al final encontrarás la solución.
Cuando hayas configurado las notificaciones a tu gusto, haz clic en «Guardar» y sigue adelante.
Paso 5: Incrusta tu formulario de contacto sencillo en una página de WordPress
Ya está listo para añadir una página de contacto a su sitio web WordPress. La funcionalidad de incrustación es muy fácil de usar para principiantes, ya que no requiere el uso directo de shortcodes.
Para empezar, haga clic en el botón Incrustar situado en la parte superior del generador de formularios.
Puede hacer clic en Seleccionar página existente o en Crear página nueva. Vamos a seguir adelante y crear una nueva página aquí.
Ahora tendrás que escribir un nombre para tu página. Nosotros hemos llamado a la nuestra «Contacto».
Ahora WPForms colocará tu formulario directamente en la página. Aquí también puedes personalizar el aspecto de los campos del formulario, las etiquetas y los botones de envío mediante sencillos selectores de color y opciones de estilo.
Consulta nuestra guía sobre cómo diseñar formularios de contacto para obtener más información. Eso sí, no olvides que tendrás que hacer clic en «Publicar» para que el formulario aparezca en tu sitio web.
¡Y ya está! En la esquina inferior derecha puedes ver el tiempo que te ha llevado crear el formulario. También puedes insertar tuformulario de contacto en la barra lateral de tu sitio web.
Y ya está. Ahora ya sabes cómo crear un sencillo formulario de contacto en WordPress.
Preguntas frecuentes sobre cómo crear formularios de contacto sencillos en WordPress
Estas son las preguntas más habituales que me hacen las personas que están creando un formulario de contacto sencillo en WordPress, además de las que veo que se plantean con más frecuencia en Internet.
¿Tiene WordPress un formulario de contacto integrado?
WordPress.org (la versión autohospedada en la que se basan la mayoría de los sitios web) no incluye un formulario de contacto integrado. Necesitarás un plugin como WPForms para añadir uno.
WordPress.com (la versión alojada) incluye un bloque de formulario básico en su editor de bloques, pero es limitado en comparación con un plugin específico y no está disponible para los sitios de WordPress.org autohospedados.
Para la mayoría de las necesidades relacionadas con los formularios de contacto, lo mejor es utilizar un plugin. Si estás barajando opciones gratuitas más antiguas, en el artículo «WPForms vs Contact Form 7» se explican las principales diferencias.
¿Cuál es la forma más fácil de crear un formulario de contacto en WordPress?
La forma más fácil es instalar WPForms Lite (gratuito), abrir el generador de formularios, elegir la plantilla «Formulario de contacto sencillo» e insertar el formulario en una página. Todo el proceso lleva unos cinco minutos y no requiere escribir código.
¿Puedo crear un formulario de contacto en WordPress de forma gratuita?
Sí. WPForms Lite es gratuito y te ofrece la plantilla «Formulario de contacto sencillo», todos los tipos de campos estándar, protección básica contra el spam y una notificación por correo electrónico por cada formulario. Ocupa el primer puesto en nuestra selección de los mejores plugins gratuitos de formularios de contacto para WordPress.
¿Cuáles son los campos esenciales que debe incluir un formulario de contacto?
Para la mayoría de los sitios web, cuatro campos son suficientes. El conjunto estándar es: Nombre, Correo electrónico, Asunto y Mensaje. La plantilla «Formulario de contacto sencillo» de WPForms los incluye de forma predeterminada, por lo que no es necesario añadir nada.
Si tu formulario tiene un propósito específico (captación de clientes potenciales, solicitud de asistencia, consulta sobre reservas), puedes añadir un campo para el número de teléfono, un menú desplegable para seleccionar el tema o un campo para subir archivos, pero evita la tentación de pedir toda la información de golpe. Los formularios más breves generan más conversiones.
¿Qué pasa si no recibo notificaciones por correo electrónico de mi formulario de contacto?
Este es el problema más habitual con los formularios de contacto, y la causa suele ser casi siempre que el proveedor de alojamiento bloquea o descarta la función de correo integrada de WordPress (PHP mail).
La solución consiste en instalar WP Mail SMTP y conectarlo a un servicio de correo electrónico adecuado, como SendLayer, Gmail u Outlook. WPForms ofrece una guía paso a paso sobre cómo solucionar el problema de que el formulario de contacto de WordPress no envíe correos electrónicos, que aborda precisamente este caso concreto.
¿Cómo puedo añadir protección contra el spam a mi formulario de contacto de WordPress?
WPForms Lite incluye un «honeypot» antispam integrado que detecta la mayoría de los envíos básicos realizados por bots.
Para mayor seguridad, puedes añadir reCAPTCHA, hCaptcha, Cloudflare Turnstile o un campo CAPTCHA personalizado en el plan Básico o superior. También está disponible la integración con Akismet.
Para ver la configuración completa, consulta cómo crear formularios de contacto en WordPress sin spam.
¿Es posible seguir y gestionar los envíos de formularios de contacto?
Sí. Con WPForms Pro y versiones superiores, cada envío se guarda en tu panel de control de WordPress, en la sección WPForms » Entradas. Puedes ver, buscar, exportar y responder a las entradas desde un solo lugar.
Con WPForms Lite (gratuito), los formularios enviados se reciben en tu bandeja de entrada a través de notificaciones por correo electrónico, pero no se almacenan en WordPress.
¿Cómo puedo hacer una copia de seguridad y exportar los datos del formulario de contacto?
La forma más sencilla es conectar tu formulario a una hoja de cálculo. WPForms Pro incluye una integración nativa con Google Sheets que añade automáticamente cada nuevo envío a una hoja de cálculo de Google en tiempo real.
También puedes exportar manualmente las entradas desde el panel de control de WordPress en formato CSV, Excel o PDF en cualquier momento.
A continuación, personaliza el aspecto de tu formulario de contacto de WordPress
Ahora que tu formulario ya está activo, estás listo para integrarlo perfectamente en tu sitio web.
Para darle al formulario un aspecto pulido y acorde con la imagen de marca, que combine con el resto de tu diseño, echa un vistazo a la guía sobre cómo personalizar formularios de contacto en WordPress.
Si quieres sacar más partido a tus formularios, descubre cómo crear un formulario de varios pasos para dividir los formularios largos en páginas más breves.
Cree su formulario de contacto de WordPress ahora
¿Listo para crear tu formulario? Empieza hoy mismo con el plugin más sencillo para crear formularios en WordPress. WPForms Pro incluye un montón de plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.
Si este artículo te ha ayudado, síguenos en Facebook y Twitter para más tutoriales y guías gratuitas sobre WordPress.
Hola, estoy buscando un formulario como este
[URL eliminada]
Por favor, haga clic en 'contacto con nosotros acerca de este producto' botón y vamos a ser capaces de encontrar un formulario.
En ese formulario, podremos ver el nombre del producto y la url del producto, y estoy seguro de que también se enviarán al correo electrónico del administrador.
¿Puede hacerlo?
Por favor, no muestre mi comentario, sólo responder por correo electrónico estaría bien. Gracias.
Hola Bill - Ya había respondido a tu comentario anterior cuando revisé este, pero ya había eliminado las URL de ese mensaje, si es por eso que querías no publicar el comentario. Por favor, házmelo saber si eso ayuda, o si quieres que elimine tus comentarios, puedo hacerlo.
Gracias 🙂 .
He recibido un correo electrónico diciendo que tengo gente que ha rellenado mi formulario de contacto simple, pero no sé dónde ver las entradas. Por favor, ¡ayuda!
Hola Annie - Si usted está en una versión de pago de WPForms, puede ir a la sección de entradas en el panel de WordPress, y aquí se puede ver las entradas. Por favor, siga esta guía detallada sobre la visualización de las entradas en WPForms.
Espero que te sirva de ayuda.
Hola Bill - ¡Gran pregunta! Sí, algo como esto se puede lograr con WPForms. Primero, necesita usar nuestro método de población de campos dinámicos donde puede pasar la URL del producto, nombre, etc. para llenar automáticamente algunos campos en el formulario. Para abrir el formulario en un popup, puede seguir este tutorial
Si tiene más preguntas al respecto, le sugiero que se ponga en contacto con nuestro equipo de soporte. Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias 🙂 .
¿Puedo usar esto a pesar de que tengo una cuenta de wordpress gratis (no se puede utilizar plugins a menos que me actualizo a los negocios y no puedo hacer eso ahora)
Hola Nicole- Usted necesitará una actualización de su cuenta de WordPress a Business como el plugin WPForms requeriría la instalación.
¡Espero que os sirva de ayuda! Gracias 🙂 .
Estoy utilizando el formulario, he dado mi notificación por correo electrónico, pero aún así cuando se envía el formulario no recibo ningún correo electrónico acerca de los datos del formulario,
Hola Rakshith - ¡Lamento que estés teniendo un problema con la entrega de correos electrónicos! Para resolver este problema, comprueba que la configuración de las notificaciones de los formularios es correcta. Si son correctos, es probable que el problema se deba a que los correos electrónicos enviados desde tu sitio no están autenticados. En ese caso, tendrás que configurar un complemento SMTP en tu sitio para que los correos electrónicos se envíen como autenticados.
Si necesita más ayuda sobre este tema, no dude en ponerse en contacto con nuestro equipo de soporte. Si usted tiene una licencia WPForms, usted tiene acceso a nuestro soporte de correo electrónico, así que por favor envíe un ticket de soporte.
De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Espero que te sirva de ayuda.
Hola WP,
Gracias por la ayuda. He configurado mi formulario de CONTACTO, y cuando lo pruebo en el sitio web, se envía y dice GRACIAS POR EL CORREO ELECTRÓNICO. Pero no estoy recibiendo el correo electrónico la notificación por correo electrónico a la dirección de correo electrónico que he introducido en el campo ENVIAR A DIRECCIÓN DE CORREO ELECTRÓNICO en la parte superior de la configuración de Notificaciones.
¿Alguna idea de cómo solucionarlo? Gracias
Andreas
Hola Andres- Estaremos encantados de ayudarte 🙂 .
Cuando puedas, consulta esta guía para solucionar problemas con las notificaciones por correo electrónico
Espero que le sirva de ayuda. Si tienes alguna pregunta, no dudes en ponerte en contacto con nuestro equipo.
Gracias, y que lo pases bien 🙂 .
Hola, ¿cómo puedo añadir el formulario de contacto a un botón?
He copiado el shortcode a la URL del botón, pero se bloquea cuando se hace clic... Quiero añadir el formulario, ya sea como un pop up o para que aparezca en la misma página que el botón, sin tener que crear una nueva página o utilizar un plugin pop up, ¿cómo puedo hacerlo?
Gracias
Hola Danny- ¡Lamento la confusión! No tenemos una función para mostrar el formulario como has mencionado. Sin embargo, la opción más cercana que podría sugerir es incrustar el formulario en una página o crear un formulario emergente (nuestros clientes han dado retroalimentación positiva sobre esta integración como se muestra en este artículo).
Espero que le sirva de ayuda. Si tienes alguna pregunta, no dudes en ponerte en contacto con nuestro equipo.
Gracias.
¿Puedo enviar correos electrónicos a mis contactos de wpform con la versión gratuita de wpform. Y puedo crear un formulario de venta para informar a los clientes/visitantes de las nuevas actualizaciones de mi blog y tienda?.
Hola Danny, lo siento, no estoy seguro de entenderte del todo.
Nuestro plugin tiene una función de Notificaciones que envía automáticamente correos electrónicos a los usuarios que han enviado correctamente un formulario. Los detalles sobre esto se pueden encontrar en este artículo.
Con nuestro plugin podrás crear cualquier tipo de formulario que desees. El constructor de formularios te permite crear formularios personalizados desde cero, y de acuerdo a tus propias necesidades. Usted no está atascado con una forma de plantilla. Sin embargo, los formularios son generalmente para recoger información, y no tanto para compartirla. ¿Podría ponerse en contacto con nosotros y compartir algunos detalles más sobre lo que quería decir para un formulario de ventas para informar a los clientes y visitantes acerca de las actualizaciones de su blog y sitio?
Gracias.
Hola a todos,
Puedo añadir un WP From a mi página de wordpress y cuando estoy conectado puedo enviar el formulario y recibo una notificación por correo electrónico.
Sin embargo, el formulario de contacto NO funciona cuando cierro sesión en wordpress, ya que aparece un error al intentar enviar el formulario de contacto.
¿Puede alguien ayudarme con lo que puedo hacer a continuación?
Gracias,
Sophie
Hola Sophia, - Sentimos los problemas. Para asegurarnos de que respondemos a tu pregunta lo más detalladamente posible, ¿podrías ponerte en contacto con nuestro equipo y proporcionarnos más información sobre el problema que tienes?
Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias.
Hola, estamos pensando en crear un formulario de T&C, cuya redacción principal necesita que algunas de las palabras sean un enlace URL a una página adicional de T&C generales. Si compramos la versión Lite, ¿podemos incrustar una URL en el texto de los T&C, o no es posible? Quiero comprobar que podemos hacer lo que queremos antes de comprar la versión básica Lite. Muchas gracias
Hola Janice - Para asegurarnos de que respondemos a su pregunta lo más detalladamente posible y evitar cualquier confusión, permítanos que nos pongamos en contacto con usted a través de nuestro correo electrónico.
Gracias.
Hola cuando he probado el formulario de contacto que he creado dice esto en el correo electrónico:
"Nueva entrada: Formulario de contacto sencillo"
¿Cómo puedo cambiar eso?
Gracias
Hola Michael - Claro, puedes cambiarlo añadiendo los textos que desees en el asunto del correo electrónico debajo de la notificación.
Espero que esto te ayude. Gracias 🙂 .
He comprado correo electrónico profesional y lo uso para wpform pero no recibir ningún correo electrónico. He creado correo electrónico cpanel y configuración smtp este correo electrónico cpanel recibir correo electrónico, pero quiero que mi correo electrónico profesional para el formulario de contacto. alguna manera de configurar smtp para professioanl correo electrónico? o cualquier otro paso para resolver este problema?
Hola Uroosa - Cuando puedas, envíanos un mensaje con más detalles sobre el problema al que te enfrentas para que podamos ayudarte.
Si tiene una licencia de WPForms, tiene acceso a nuestro soporte por correo electrónico, así que envíe un ticket de soporte.
De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite WordPress.org.
Gracias 🙂 .