añadir un formulario de contacto en el contenido de tus publicaciones de WordPress

Cómo añadir un formulario de contacto en el contenido de tus publicaciones de WordPress

¿Buscas una forma de incluir un formulario de contacto en medio de una entrada de tu blog, en lugar de solo en tu página de contacto? Como propietario de un sitio web, necesitas ofrecer a tus lectores una forma sencilla de contactarte desde tu sitio.

En este tutorial, te mostraremos cómo añadir un formulario de contacto al contenido de tus entradas de WordPress.

Cómo añadir un formulario de contacto en el contenido de tus publicaciones de WordPress

Paso 1: Crea tu formulario de WordPress

Lo primero que necesitarás hacer es instalar y activar el plugin WPForms. Para más detalles, consulta esta guía paso a paso sobre cómo instalar un plugin en WordPress.

Una vez que hayas instalado el plugin WPForms, ve a WPForms » Añadir nuevo y ponle un nombre a tu formulario. Luego, busca la plantilla Formulario de contacto simple y haz clic en el botón Usar plantilla.

Seleccionando la plantilla de Formulario de Contacto Sencillo

WPForms creará un formulario de contacto simple para ti.

De hecho, cuando se carga el formulario de contacto predefinido, la mayor parte del trabajo ya está hecho. Verás que los campos Nombre, Correo electrónico y Mensaje se han añadido automáticamente al formulario.

Puede agregar campos adicionales a su formulario arrastrándolos desde el panel izquierdo al panel derecho.

Añadir un campo de teléfono a un formulario de contacto

También puedes hacer clic en un campo del formulario y arrastrarlo para reorganizar el orden en tu formulario de contacto. Para personalizar la configuración de un campo, haz clic en él para abrir el panel de opciones.

Abriendo las opciones de campo para un campo de teléfono

Si quieres potenciar tus esfuerzos de marketing por correo electrónico y permitir que la gente se suscriba fácilmente a tu lista de correo, siempre puedes añadir una casilla de suscripción a tu formulario de contacto simple que los usuarios puedan seleccionar.

Una casilla de verificación de suscripción al boletín en un formulario de contacto

Y si te preocupa cumplir con el RGPD, también puedes añadir un campo de Acuerdo RGPD a tu formulario para que la gente pueda dar su consentimiento explícito para que les envíes correos de marketing en el futuro.

Paso 2: Configurar los ajustes de tu formulario

Una vez que tu formulario de contacto tenga el aspecto deseado, haz clic en la pestaña Ajustes en el Editor de formularios. Esto te llevará a la configuración del formulario.

Hay muchos ajustes de formulario para configurar:

  • Ajustes generales: Aquí puedes cambiar cosas como el nombre de tu formulario, la descripción y el texto del botón de envío. También puedes activar funciones adicionales de prevención de spam para mantener tu sitio web seguro frente a envíos de formularios no deseados.
  • Confirmaciones del formulario: Las confirmaciones del formulario son mensajes que se muestran a los visitantes del sitio una vez que envían un formulario de contacto en tu sitio web. WPForms tiene tres tipos de confirmación para elegir: Mensaje, Mostrar página y Redirigir. Puedes elegir uno o una combinación.
  • Notificaciones del formulario: Las notificaciones son una excelente manera de enviar un correo electrónico cada vez que se envía un formulario de pedido en tu sitio web. Se te enviará automáticamente una notificación una vez que se envíe un formulario en tu sitio. También puedes enviar una al visitante del sitio que envió el formulario y a cualquier otra persona que necesite ser notificada de los envíos de formularios.

Además, si has añadido una casilla de suscripción a tu formulario de contacto, necesitarás integrarla con tu proveedor de marketing por correo electrónico preferido.

WPForms ofrece las siguientes integraciones de proveedores de servicios de correo electrónico:

Una vez que hayas configurado todos los ajustes de tu formulario, asegúrate de guardarlo haciendo clic en el botón naranja en la parte superior del constructor de formularios.

Guardando tu formulario

Paso 3: Añade tu formulario a tu entrada de WordPress

WPForms te permite añadir tus formularios en varios lugares, incluyendo tus entradas de blog, páginas y tu barra lateral.

Si usas Elementor, puedes omitir esta sección y seguir los pasos de nuestra guía de formularios de contacto de Elementor en su lugar.

Para agregar un formulario de contacto en el contenido de tu publicación de WordPress, lo primero que debes hacer es crear una nueva entrada de blog en WordPress o editar la entrada existente donde deseas agregar el formulario de contacto.

A continuación, agrega un nuevo bloque donde quieras que aparezca tu formulario. Luego selecciona el bloque WPForms.

Agregando un bloque WPForms a una publicación de blog

En el menú desplegable que aparece, selecciona el Formulario de contacto simple que acabas de crear.

Seleccionando tu formulario de contacto en el bloque WPForms

Después de eso, todo lo que tienes que hacer es actualizar o publicar tu entrada para que tu formulario de contacto aparezca en tu sitio web.

Así es como se ve nuestro formulario cuando se agrega en medio de una entrada de blog:

Un formulario de contacto en una publicación de blog

Una vez que hayas publicado tu formulario, puedes encontrar fácilmente en qué entradas de blog lo has agregado usando el Localizador de formularios de WPForms.

Ve a WPForms » Todos los formularios. Abre las opciones de pantalla en la parte superior de la página y asegúrate de que la opción Ubicaciones esté marcada.

Opción Seleccionar ubicaciones

Esto agregará la columna Ubicaciones a tu página de Resumen de formularios. En la fila de tu Formulario de contacto simple, verás el número de ubicaciones donde lo has incrustado.

Viendo el número de ubicaciones de formularios en la descripción general de formularios

Haz clic en este número para ver todas las ubicaciones listadas. Puedes hacer clic en el enlace de cualquiera de ellas para ver la publicación, página o widget donde has agregado tu formulario de contacto.

Ver todas las ubicaciones de un formulario de contacto

A continuación, realiza un seguimiento de las conversiones de tu formulario de WordPress

¡Y eso es todo! Ahora sabes cómo agregar un formulario de contacto en el contenido de tus publicaciones de WordPress, lo que hace que sea más fácil que nunca para los visitantes de tu sitio ponerse en contacto e incluso suscribirse a tu lista de correo electrónico.

Si buscas otros lugares para agregar tus formularios de contacto de WordPress, asegúrate de consultar nuestro resumen de los mejores lugares para publicar tu formulario de contacto para obtener más clientes potenciales. Además, asegúrate de realizar un seguimiento de las conversiones de tu formulario de WordPress para saber que las publicaciones a las que agregas tu formulario de contacto están convirtiendo.

Entonces, ¿a qué esperas? Empieza hoy mismo con el plugin de formularios de WordPress más potente.

Y no olvides que, si te gusta este artículo, síguenos en Facebook y Twitter.

Divulgación: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Descubre cómo se financia WPForms, por qué es importante y cómo puedes apoyarnos.

Molly Tyler

Molly es Jefa de Equipo de Contenido en WPForms. Ha estado escribiendo sobre WordPress desde 2018. Aprende Más

El mejor plugin constructor de formularios de arrastrar y soltar para WordPress

Fácil, rápido y seguro. Únete a más de 6 millones de propietarios de sitios web que confían en WPForms.

19 comentarios sobre “Cómo agregar un formulario de contacto en el contenido de tu publicación de WordPress

  1. Tengo una página con campos calculados y quiero enviarla para que muestre el cálculo a través de un formulario de contacto, y no funciona... ¿Puedes ayudarme?
    Espero que me entiendas, ¡porque no hablo bien inglés...!

    1. Hola George,

      Disculpa cualquier confusión, pero actualmente no admitimos ningún cálculo en nuestros formularios aparte de sumar los precios de los productos. Sin embargo, esto está en nuestra lista para considerarlo en el futuro.

      Si tienes más preguntas sobre esto, por favor no dudes en contactarnos :)

    1. Hola Nicolas,

      Claro, para configurar esto puedes usar nuestras etiquetas inteligentes integradas. Las etiquetas inteligentes son una forma muy sencilla de extraer fragmentos de información en tu formulario/configuración del formulario. Por ejemplo, si agregas la etiqueta inteligente {page_title} al asunto/mensaje de tu correo electrónico de notificación, extraerá automáticamente el título de la página/publicación donde se incrustó el formulario cuando el usuario lo envió.

      Para más detalles, consulta nuestro tutorial de etiquetas inteligentes.

      ¡Espero que esto ayude! :)

    1. ¡Hola Saiedeh! ¡Espero que te encuentres bien!

      He comprobado dos veces y veo que puedes usar el bloque WPForms en el editor moderno de Gutenberg de WordPress. Simplemente intenta buscar WPForms al añadir un nuevo bloque.
      ¡Espero que esto ayude!

      Que tengas un buen día :)

  2. Seguí las instrucciones sobre cómo añadir el formulario a la página. Lo hice, pero la página no muestra ningún formulario, solo código. Usé ambas formas: haciendo clic en el botón Añadir un formulario y, en segundo lugar, insertando un código en la página.
    Todavía nada.

    1. ¡Hola Dheeraj!
      Actualmente, no tenemos una función integrada para lograr esto. Sin embargo, estoy de acuerdo en que sería muy útil. He tomado nota de la solicitud de función y la tendremos en cuenta a medida que planifiquemos nuestra hoja de ruta para el futuro.
      Lamento cualquier inconveniente.
      Que tengas un buen día 🙂

  3. Hola,
    Hemos cambiado nuestro formulario de contacto a WPForms, y la sección principal de comentarios de nuestro sitio funciona correctamente. Sin embargo, tenemos muchas publicaciones en nuestro sitio y cada publicación tiene una sección de comentarios al final. Por favor, indíquenos cómo o si es posible conectar en bloque la sección de comentarios de cada página en lugar de hacerlo uno por uno. Gracias, Geritrak

    1. Hola Mark, disculpa pero no he podido entender tu pregunta. ¿Estás usando WPForms como formulario de comentarios para tus publicaciones? Si es así, para agregar el formulario a todas las publicaciones a la vez, puedes modificar la plantilla de tu publicación y agregar el shortcode de WPForms en la plantilla PHP para que sea visible en todas las publicaciones a la vez. Aquí tienes un tutorial sobre cómo agregar el shortcode de WPForms a plantillas PHP.

      ¡Espero que esto ayude!

  4. Cada vez que intento poner un formulario en mi página de contacto, cuando relleno el formulario para probar y presiono enviar, aparece un error que dice que ha habido un error crítico en el sitio web y no procesa la consulta. ¿Puedes ayudarme a solucionarlo?

    1. ¡Hola! Lamento escuchar que estás experimentando este extraño problema. Es probable que sea un problema relacionado con algún conflicto de plugins/temas en tu sitio. Revisar los registros de errores de tu sitio te ayudaría a acotar este problema. Para obtener más ayuda, por favor, escríbenos a soporte para que podamos ayudarte.

      Si tienes una licencia de WPForms, tienes acceso a nuestro soporte por correo electrónico, así que por favor envía una solicitud de soporte. De lo contrario, ofrecemos soporte gratuito limitado en el foro de soporte de WPForms Lite en WordPress.org.

      ¡Gracias! 🙂

Añadir un comentario

Nos complace que haya decidido dejar un comentario. Tenga en cuenta que todos los comentarios se moderan de acuerdo con nuestra política de privacidad, y todos los enlaces son nofollow. NO utilice palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.

Este formulario está protegido por Cloudflare Turnstile y se aplican la Política de Privacidad y los Términos de Servicio de Cloudflare.