Enviar notificaciones desde un formulario de WordPress a WhatsApp

Cómo crear un formulario de WhatsApp en WordPress

¿Quieres enviar notificaciones de un formulario de WordPress a WhatsApp?

Aunque pueda parecer que las notificaciones de WhatsApp pueden ser complicadas, en realidad no lo son tanto.

Si quieres ver a qué me refiero, quédate por aquí y te cuento qué necesitas y cómo puedes empezar a enviar notificaciones desde tu formulario de WordPress a WhatsApp. Tú puedes hacerlo. ¡Yo creo en ti!

Cómo enviar notificaciones desde un formulario de WordPress a WhatsApp

Antes de empezar, aquí tienes las herramientas que necesitarás para seguir este tutorial:

  • WPForms: Tendrás que descargar e instalar el plugin WPForms en tu sitio web. Tenga en cuenta que necesitará el plan Plus o superior para acceder al complemento Twilio, que es lo que facilita las notificaciones de WhatsApp.
  • Cuenta Twilio: Usted tendrá que pasar por el proceso de creación de una cuenta de Twilio y la obtención de un número de teléfono. Esto será necesario para conectar Twilio y WPForms.
  • Complemento Twilio: Asegúrese de instalar y activar el addon Twilio en WPForms.

Cree su formulario WordPress ahora

Más información al respecto. Por ahora, he aquí un breve resumen:

Básicamente, configurará algunos elementos en Twilio y, a continuación, los conectará a su cuenta de WPForms para que puedan trabajar juntos y enviar mensajes de WhatsApp a los usuarios directamente desde el envío correcto de un formulario.

Veamos cómo funciona.

¿Busca notificaciones por SMS?

Si quieres enviar notificaciones por SMS en lugar de WhatsApp, el proceso es similar. Echa un vistazo a nuestra guía sobre cómo obtener una notificación SMS a un formulario de WordPress para obtener más información sobre la configuración.

Paso 1. Crear una plantilla de mensaje en Twilio Crear una plantilla de mensaje en Twilio

Para enviar mensajes de WhatsApp usando Twilio, necesita crear una plantilla de mensaje en Twilio. Más adelante en este proceso, verá cómo estas plantillas extraerán información de sus campos de formulario WPForms. Por ahora, así es como se configura.

En la barra de navegación lateral izquierda, vaya a Mensajería " Creador de plantillas de contenido.

Crear una plantilla de contenido para WhatsApp en Twilio

A continuación, haga clic en el botón azul que dice Crear su primera plantilla de contenido.

Creador de plantillas de contenido Twilio

Después, tendrá que proporcionar algunos detalles. El primero será el Nombre de la plantilla y el segundo el Idioma de la plantilla. El tercero es el Tipo de Contenido. Ahí es donde tienes múltiples opciones para elegir, y la que elijas va a depender del tipo de mensaje de notificación que quieras enviar.

Si sólo quieres enviar un texto, por ejemplo, elegirás esa opción.

Una vez hecha la selección, haga clic en Crear.

Cree su plantilla de contenido en Twilio

Ahora tenemos que configurar la plantilla.

Desplácese hacia abajo hasta encontrar la sección Contenido. Introduzca el texto de su mensaje en el campo Cuerpo. Tenga en cuenta el límite de caracteres.

Introduzca el cuerpo del mensaje de texto en Twilio

También puede hacer clic en + Añadir variable para utilizar texto dinámico que se extraerá de los campos del formulario, como nombres, números de pedido u otra información personalizada.

Cuando esté satisfecho con su mensaje, haga clic en Guardar y enviar para aprobación de WhatsApp.

Guardar y enviar para aprobación de WhatsApp en Twilio

Después de hacer esto, aparecerá una pantalla pidiéndote que proporciones valores de muestra para que puedas ver cómo quedará el texto cuando se rellenen esas variables. Después de añadirlos para los campos variables que has utilizado, haz clic en Guardar con muestras.

Ahorre con las muestras

No se obsesione demasiado con los valores de muestra. Cuando conectes tu formulario a Twilio en WPForms, podrás asignar las variables a campos específicos del formulario. Piense en esto más como una función de prueba por ahora.

Deja esta pestaña abierta porque necesitaremos volver a Twilio para obtener información. Abre otra pestaña y navega a tu panel de WordPress para el siguiente paso.

Paso 2. Conectar WPForms a Twilio Conectar WPForms a Twilio

Ahora que ya ha configurado todo en Twilio, ¿cómo se siente? ¡Espero que haya sido bastante fácil hasta ahora! Ahora te voy a mostrar cómo conectar WPForms a Twilio para que podamos unir todo.

Desde su panel de WordPress, haga clic en WPForms " Configuración. A continuación, elija la pestaña Integraciones.

Desplácese hacia abajo hasta encontrar Twilio. Haga clic en Añadir nueva cuenta.

Envía notificaciones desde un formulario de WordPress a WhatsApp con Twilio

Verás que tienes que proporcionar cierta información para añadir tu cuenta.

Aquí es donde entra en juego el tener 2 pestañas abiertas. Será mucho más fácil si puedes cambiar entre ellas para obtener rápidamente la información que necesitas para conectar tu cuenta.

Conecte su cuenta Twilio a WPForms

Haga clic de nuevo en la pestaña con su cuenta Twilio abierta y navegue hasta su panel de control. Debería ver una sección en el tablero llamada Información de la cuenta. Incluye el SID de la cuenta y Auth Token, que usted necesita para agregar en WPForms.

Panel de información de la cuenta Twilio

Copie la información y péguela en el campo correspondiente de la pestaña WPForms.

Después de añadir ambos números, el último campo pide un Nombre de Cuenta Twilio. Piense en esto como un apodo. Es sólo para uso interno y te ayuda a diferenciar entre cuentas y conexiones si tienes varias.

Conectar WPForms a Twilio

Cuando toda la información esté en su lugar, haga clic en Conectar con Twilio.

Si la conexión tiene éxito, lo verás reflejado en el estado.

Twilio conectado a WPForms

Ahora es el momento de reunirlo todo.

Paso 3. Crear un formulario en WPForms Crear un formulario en WPForms

En este último paso, te mostraré cómo reunirlo todo para que puedas enviar notificaciones desde un formulario de WordPress a WhatsApp. Lo primero que necesitas es el formulario que piensas utilizar para activar las notificaciones de WhatsApp.

Puede crear un formulario o utilizar una de las más de 2.000 plantillas de formularios disponibles en WPForms. Si decides usar una plantilla, puedes personalizarla para hacerla tuya.

Cree su formulario WordPress ahora

Cuando su formulario esté listo y lo esté viendo en el constructor de formularios WPForms, haga clic en Marketing. En la lista de complementos que aparece, seleccione Twilio. Haga clic en Añadir una nueva conexión.

No te preocupes, esto es diferente de lo que hiciste al final del paso 2. Aquí estás añadiendo la conexión directamente a este formulario.

Añadir una nueva conexión a Twilio en el constructor de formularios WPForms

En la ventana modal que aparece, introduzca un nombre de conexión. De nuevo, esto es para uso interno y te ayuda a diferenciar entre las distintas conexiones si las tienes.

Luego elegirás la cuenta a conectar. Si solo conectaste una cuenta en el paso 2, esa será la única cuenta que aparecerá aquí. Selecciona la cuenta que quieres conectar al formulario.

Seleccione su cuenta Twilio en el constructor de formularios WPForms

Si lo encuentra confuso, piénselo de esta manera: el último paso conectó su cuenta Twilio a WPForms. Este paso establece esa conexión directamente a su formulario.

Después de elegir la cuenta, tendrás que responder si quieres enviar como SMS o enviar como WhatsApp. Para este tutorial, vamos a elegir WhatsApp ya que es lo que estamos cubriendo aquí.

A continuación, elija el número de teléfono que desea utilizar para enviar sus mensajes.

Enviar Desde número de teléfono

A continuación, indicarás quién debe recibir los mensajes.

Si seleccionas Campos de teléfono, los mensajes irán a las personas que envíen tu formulario, basándose en la información que proporcionen en los campos de teléfono de tu formulario. Cuando hagas esto, aparecerá un desplegable para que puedas seleccionar el campo correcto de tu formulario a utilizar.

Campo telefónico

Si selecciona Número de teléfono verificado, verá una lista desplegable con todos los números que ha verificado en su cuenta Twilio. Seleccionarás el número específico que quieres que reciba una notificación.

Seleccione el número de teléfono verificado

Por último, como has elegido enviar como WhatsApp, verás un desplegable en el que puedes seleccionar una Plantilla de mensaje.

Selecciona una plantilla de mensaje para las notificaciones de WhatsApp

Recuerde por un momento lo que hizo en el Paso 1 anterior cuando creó una plantilla de mensaje en Twilio. La plantilla o plantillas que creaste allí deberían estar ahora disponibles en este desplegable para que las selecciones.

Seleccione la plantilla que desea utilizar.

Después de seleccionar la plantilla, verá las opciones para asignar las variables a los campos del formulario.

Asigne las variables de la plantilla de mensajes a los campos del formulario

Esto puede parecer un poco confuso porque aquí se juntan todas las piezas, así que permítanme desglosarlo.

Ha creado una plantilla de mensaje en Twilio para utilizarla en las notificaciones de WhatsApp. En esa plantilla de mensaje, has añadido variables numeradas para personalizar el mensaje.

También ha creado un formulario utilizando WPForms. Este formulario es lo que sus usuarios realmente van a llenar.

Quieres enviar notificaciones desde el formulario de WordPress a WhatsApp, lo que requiere que conectes la plantilla de mensajes con tu formulario.

Una vez que asigne los campos de formulario de su formulario WPForms a su plantilla de mensaje Twilio (que creó para enviar como un mensaje WhatsApp), esos campos variables se rellenarán con la información personalizada correcta. Ahora están conectados.

O, para simplificar, tu mensaje de WhatsApp incluirá información enviada a través del formulario que crees en WPForms.

Cuando haya terminado de configurar los parámetros, haga clic en Guardar en la parte superior del generador de formularios.

Guardar formulario

Opcional: Activar la prueba Sandbox

Este paso es completamente opcional, pero quiero que tengas la información, en caso de que sea aplicable a lo que estás haciendo.

Si desea probar sus mensajes de WhatsApp antes de contratar una cuenta de WhatsApp Business y obtener la aprobación de WhatsApp, puede hacerlo en Twilio. Su entorno Sandbox te permite probar primero tu integración.

Afortunadamente, esto es bastante fácil de configurar mediante la conexión de su número de teléfono preferido a la Twilio WhatsApp Sandbox.

Para empezar, inicie sesión en su cuenta de Twilio. En la barra de navegación lateral izquierda, haz clic en Mensajería y, a continuación, en ese submenú, haz clic en Pruébalo " Envía un mensaje de WhatsApp, así:

Prueba tu integración de WhatsApp con el entorno Sandbox de Twilio

Cuando se abra la página para Enviar un mensaje de WhatsApp, que fue tu última selección aquí, desplázate hacia abajo hasta que veas Conectarse a WhatsApp Sandbox. Allí verás los detalles de tu conexión, junto con 2 opciones para unirte.

Utilice sus datos de conexión para unirse al entorno Sandbox de Twilio

Puede elegir si desea enviar un mensaje de WhatsApp al número de Twilio con su código de participación personal, o si desea escanear el código QR.

Después de enviar el código de acceso, comprueba tu teléfono. Deberías recibir un mensaje confirmando que tu número está conectado al entorno Sandbox y que puedes empezar a hacer pruebas.

Mensaje de confirmación del Sandbox

Desde el panel de control de WordPress, accede al plugin WPForms y abre el formulario que utilizas para tus mensajes de WhatsApp.

Una vez que el formulario esté abierto en el generador de formularios, seleccione la pestaña Marketing en el lado izquierdo y, a continuación, busque Twilio.

Si esto le resulta familiar, es porque ya estuvo aquí cuando configuró los ajustes de Twilio en el Paso 3.

Debajo del menú desplegable en el que seleccionaste Enviar como WhatsApp, verás un interruptor para activar el modo Sandbox.

Activar el modo Sandbox

Cuando activas el modo Sandbox, ya no estás obligado a utilizar una plantilla de mensaje preaprobada. En su lugar, verás un campo Mensaje en el que puedes crear el texto que quieras para probarlo.

Introduzca un mensaje para probarlo en modo Sandbox

Ahora puede enviar mensajes utilizando el número de prueba de Twilio para probar la integración sin necesidad de tener una cuenta de WhatsApp Business de inmediato.

Cabe señalar que dispones de un periodo de prueba de 3 días en el modo Sandbox. Una vez transcurridos los 3 días, tus mensajes de prueba no se enviarán a menos que vuelvas a conectar el modo Sandbox.

Cuando hayas terminado de configurar el mensaje, guarda el formulario y listo.

A continuación, explora más formas de utilizar el marketing conversacional

Ahora que ya sabes cómo enviar notificaciones desde un formulario de WordPress a WhatsApp, quizá estés buscando más formas de practicar el marketing conversacional. Si quieres atraer y captar clientes a través de la conversación y la personalización, consulta nuestra guía de ejemplos de marketing conversacional y herramientas de captación de clientes.

Cree su formulario 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.

Divulgación: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPForms, por qué es importante y cómo puede apoyarnos.

Renee DeCoskey

Renee DeCoskey escribe en blogs desde 2001 y utiliza WordPress desde 2007. Cuando no está escribiendo sobre plugins de WordPress, se la puede encontrar acurrucada con un libro o divirtiéndose en Rotary.Más información

El mejor plugin de WordPress para crear formularios arrastrando y soltando

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

Active JavaScript en su navegador para rellenar este formulario.

10 comentarios en "Cómo crear un formulario de WhatsApp en WordPress"

  1. Gran artículo
    2 Preguntas:
    1. ¿Sólo la suscripción Pro de WPForms funcionará en esta integración (y no la Plus o Basic)?
    2. Tenemos una clínica médica. Utilizamos WhatsApp para comunicarnos con nuestros clientes. Si utilizo la integración como se explica, los clientes potenciales se enviarán a nuestra aplicación de WhatsApp. Si recibimos un lead de un cliente existente, con el que ya habíamos chateado en WhatsApp anteriormente, ¿al hacer clic en su número de teléfono en el lead se abrirá el chat existente o se abrirá uno nuevo?
    Muchas gracias.

    1. Hey Yonatan - Cualquier versión paga incluyendo los planes Basic & Plus de WPForms se integra perfectamente con Uncanny Automator.

      En cuanto a tu segunda consulta, debes saber que los pasos sólo enviarán la entrada de envío del formulario al número de teléfono designado de Whatsapp. Si añades una variable de número de teléfono en el mensaje, no tenemos control sobre si se abrirá la conversación anterior. En la mayoría de los dispositivos, al hacer clic en un número de teléfono se abrirá una ventana emergente y se le preguntará sobre el paso que desea tomar. Espero que esto te ayude. Gracias.

    1. Hola Lilly - ¡Claro que sí! Durante la integración, podrá pasar el valor del campo seleccionado a WhatsApp desde la sección Triggers utilizando tokens específicos de WPForms. Aquí hay una captura de pantalla en caso de que ayude.

      Gracias.

  2. ¿Puedo utilizar esto para automatizar un proceso en el que después de rellenar el formulario, el cliente es redirigido a mi whatsapp DM con un mensaje estructurado que contiene las entradas del formulario rellenado anteriormente?

    Si es así, ¿cómo puedo hacerlo?

    1. Hola Abdulmuiz- ¡Claro que sí! Durante la integración, podrás pasar el valor del campo seleccionado a WhatsApp desde la sección Triggers utilizando tokens específicos de WPForms. Aquí tienes una captura de pantalla por si te sirve de ayuda.

      Si tiene algún problema o necesita más ayuda, póngase en contacto con nuestro equipo enviando un ticket de soporte aquí.

      Gracias.

    1. Hola Surya. Sí, puedes configurar confirmaciones automáticas tanto para WhatsApp como para correo electrónico cuando se envía un formulario. Para WhatsApp, siga la publicación del blog pero modifique el mensaje para que sea un agradecimiento en lugar de enviar todas las entradas del formulario. Para el correo electrónico, utilice la función de notificación incorporada de WPForms - consulte esta guía sobre la configuración de correos electrónicos de notificación de formularios.

      Si necesitas ayuda para personalizar los mensajes o configurar ambas notificaciones, no dudes en enviar un ticket de soporte y nuestros asesores de confianza podrán ayudarte con tu configuración específica.

Añadir un comentario

Nos alegra que haya decidido dejar un comentario. Por favor, tenga en cuenta que todos los comentarios son moderados 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 las Condiciones del servicio de Cloudflare.