Cómo crear un formulario de WhatsApp en WordPress

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

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

Si quieres ver a qué me refiero, quédate y te diré lo que necesitas y cómo puedes empezar a enviar notificaciones desde tu formulario de WordPress a WhatsApp. Puedes hacerlo. ¡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: Necesitarás descargar e instalar el plugin WPForms en tu sitio web. Ten en cuenta que necesitarás el plan Plus o superior para acceder al complemento Twilio, que es lo que facilita las notificaciones de WhatsApp.
• Cuenta de Twilio: Tendrás que pasar por el proceso de configurar una cuenta de Twilio y obtener un número de teléfono. Esto será necesario para conectar Twilio y WPForms.
• Complemento Twilio: Asegúrate de instalar y activar el complemento Twilio en WPForms.

Crea tu formulario de WordPress ahora

Más sobre esto a medida que avancemos. Por ahora, aquí tienes un breve resumen:

Esencialmente, configurarás algunos elementos en Twilio, luego los conectarás a tu cuenta de WPForms para que puedan trabajar juntos y enviar mensajes de WhatsApp a los usuarios directamente desde un envío de formulario exitoso.

Veamos cómo se une todo.

Paso 1. Crear una plantilla de mensaje en Twilio

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

Desde la barra lateral de navegación izquierda, ve a Mensajería » Creador de plantillas de contenido.

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

Después de eso, deberás proporcionar algunos detalles. El primero será el Nombre de la plantilla y el segundo será el Idioma de la plantilla. El tercero es el Tipo de contenido. Ahí es donde tienes varias opciones para elegir, y cuál elijas dependerá del tipo de mensaje de notificación que quieras enviar.

Si solo quieres enviar algo de texto, por ejemplo, elegirás esa opción.

Una vez que hayas hecho tu selección, haz clic en Crear.

Ahora necesitamos configurar la plantilla.

Desplázate hacia abajo hasta que localices la sección Contenido. Introduce el texto de tu mensaje en el campo Cuerpo. Ten en cuenta los límites de caracteres.

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

Cuando estés satisfecho con tu mensaje, haz clic en Guardar y enviar para aprobación de WhatsApp.

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

No te obsesiones con los valores de ejemplo. Cuando conectes tu formulario a Twilio en WPForms, podrás mapear las variables a campos de formulario específicos. Piensa 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

Ahora que has configurado todo en Twilio, ¿cómo te sientes? ¡Esperamos que haya sido bastante fácil hasta ahora! Ahora te mostraré cómo conectar WPForms a Twilio para que podamos unir todo.

Desde tu panel de WordPress, haz clic en WPForms » Ajustes. Luego selecciona la pestaña Integraciones.

Desplázate hacia abajo hasta que localices Twilio. Haz clic en Añadir nueva cuenta.

Verás que hay información que debes proporcionar para añadir tu cuenta.

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

Vuelve a la pestaña con tu cuenta de Twilio abierta y navega a tu panel. Deberías ver una sección en el panel llamada Información de la cuenta. Incluye el SID de la cuenta y el Token de autenticación, que necesitas añadir en WPForms.

Copia la información y pégala en su campo respectivo en tu pestaña de WPForms.

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

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

Si la conexión es exitosa, verás que se refleja en el estado.

¡Ahora es el momento de unirlo todo!

Paso 3. Crear un formulario en WPForms

En este paso final, te mostraré cómo unir todo para que puedas enviar notificaciones desde un formulario de WordPress a WhatsApp. Lo primero que necesitas es el formulario que planeas usar para activar tus notificaciones de WhatsApp.

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

Crea tu formulario de WordPress ahora

Cuando tu formulario esté listo y lo estés viendo en el constructor de formularios de WPForms, haz clic en Marketing. En la lista de tus complementos que aparece, selecciona Twilio. Haz clic para Añadir una nueva conexión.

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

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

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

Si te resulta confuso, piénsalo de esta manera: el último paso conectó tu cuenta de Twilio a WPForms. Este paso establece aún más esa conexión directamente a tu formulario.

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

A continuación, elige el número de teléfono que deseas utilizar para enviar tus mensajes.

Luego indicarás quién debe recibir los mensajes.

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

Si seleccionas Número de teléfono verificado, verás un menú desplegable que enumera todos los números que has verificado en tu cuenta de Twilio. Seleccionarás el número específico que deseas recibir una notificación.

Finalmente, como elegiste enviar como WhatsApp, verás un menú desplegable donde puedes seleccionar una Plantilla de mensaje.

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

Selecciona la plantilla que deseas utilizar.

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

Esto puede parecer un poco confuso porque todas las piezas se juntan aquí, así que déjame desglosarlo.

Creaste una plantilla de mensaje en Twilio para usar en notificaciones de WhatsApp. En esa plantilla de mensaje, agregaste variables numeradas para personalizar el mensaje.

También creaste un formulario usando WPForms. Este formulario es lo que tus usuarios realmente completarán.

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

Una vez que mapees los campos del formulario de tu formulario WPForms a tu plantilla de mensaje de Twilio (que creaste para enviar como mensaje de WhatsApp), esos campos variables se poblará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 creas en WPForms.

Cuando hayas terminado de configurar los ajustes aquí, haz clic en Guardar en la parte superior del constructor de formularios.

Opcional: Habilitar pruebas de 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 quieres probar tus mensajes de WhatsApp antes de comprometerte con una cuenta de WhatsApp Business y obtener la aprobación de WhatsApp, puedes hacerlo en Twilio. Su entorno Sandbox te permite probar tu integración primero.

Afortunadamente, esto es bastante fácil de configurar conectando tu número de teléfono preferido al Sandbox de WhatsApp de Twilio.

Comienza iniciando sesión en tu cuenta de Twilio. En la navegación de la barra lateral izquierda, haz clic en Mensajería, luego en ese submenú, haz clic en Pruébalo » Envía un mensaje de WhatsApp, así:

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

Puedes elegir si quieres enviar un mensaje de WhatsApp al número de Twilio con tu código de unión personal, o si quieres escanear el código QR.

Después de enviar el código de unión, revisa tu teléfono. Deberías recibir un mensaje confirmando que tu número está conectado al entorno Sandbox y puedes comenzar a probar.

Desde tu panel de WordPress, navega al plugin WPForms y abre el formulario que estás utilizando para tus mensajes de WhatsApp.

Una vez que el formulario esté abierto en el constructor de formularios, selecciona la pestaña Marketing en el lado izquierdo, y luego busca Twilio.

Si esto te resulta familiar, es porque ya estuviste aquí antes cuando configuraste los ajustes de Twilio en el Paso 3.

Debajo del menú desplegable donde seleccionaste Enviar como WhatsApp, verás un interruptor para Habilitar modo Sandbox.

Cuando habilitas el modo Sandbox, ya no se te exige usar una plantilla de mensaje preaprobada. En su lugar, verás un campo de Mensaje donde puedes crear el texto que desees para probar.

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

Vale la pena señalar que obtienes un período de prueba de 3 días en modo Sandbox. Después de que pasen los 3 días, tus mensajes de prueba no se enviarán a menos que reconectes el modo Sandbox.

Una vez que hayas terminado de configurar tu mensaje, guarda tu formulario y listo.

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

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

Crea tu formulario de WordPress ahora

¿Listo para crear tu formulario? Empieza hoy mismo con el plugin de creación de formularios de WordPress más fácil. WPForms Pro incluye muchas plantillas gratuitas y ofrece una garantía de devolución de dinero de 14 días.

Si este artículo te ha sido útil, síguenos en Facebook y Twitter para obtener más tutoriales y guías gratuitas de WordPress.