Botón de WhatsApp que abre pop-up en WordPress y Elementor

por

Hemos creado una opción que permite insertar un botón que abre el pop-up o el widget de WhatsApp. El código que debes insertar es 

<button data-chatwith="cw-open" style={{
position: 'fixed',
bottom: '20px',
left: '20px',
backgroundColor: '#25D366',
color: 'white',
border: 'none',
borderRadius: '50px',
padding: '15px 25px',
fontSize: '16px',
cursor: 'pointer',
boxShadow: '0 4px 12px rgba(0,0,0,0.15)',
zIndex: 999,
}}> 💬 Chat </button>

Este botón te permite que cualquier botón abra el pop-up o el widget.

Aquí puedes ver el vídeo completo. https://www.youtube.com/watch?v=lRhv6S7rU6Q

La idea de un botón para abrir un pop-up con Whatsapp parece sencilla o casi evidente, pero la realidad es que es un proceso algo complejo.

Configuración del pop-up y formulario para captar leads.

  1. Herramientas que generan un pop-up hay bastantes pero siempre hay algún problema con el uso o limitaciones absurdas de uso. Nuestra herramienta siempre es ilimitada y sencilla de usar. 
  2. Luego está el tema del formulario que va dentro del pop-up. El pop-up debe capturar datos del cliente de una forma sencilla. Nuestros formularios tienen incorporados todos los recursos necesarios para hacer un formulario potente y sólido para capturar datos. Puedes añadir email, teléfono (campos que validamos antes de enviar), puedes añadir código postal (que también validamos) y convertimos en ciudad y provincia de forma automática y muchas otras opciones que te permitirán hacer tu formulario muy útil para ti como empresa o agencia y para tus usuarios a la hora de hacer su solicitud de informacion. También puedes añadir un lead magnet.
  3. Después del formulario tienes el como se muestra este pop-up. El pop-up se puede mostrar por defecto, se puede mostrar bajo petición del usuario.
    1. Por defecto puedes mostrar el pop-up según el usuario entra o puedes añadir un retardo. 
    2. Otra opción es que el usuario pulse en algún botón para mostrar el pop-up. Para este segundo caso hemos creado un “short-code” que te permite lanzar el pop-up. Estas opciones te permite generar la mejor experiencia de usuario posible para tu negocio y para tus usuarios.

Entre las opciones que te ofrecemos están las de tener el pop-up con un banner o directamente con el formulario. También puedes añadir

Gestión de los leads y CRM

Después de estas configuraciones, digamos que tenemos la mitad del trabajo realizado. La siguiente mitad tiene que ver con la gestión de los leads, notificaciones y CRM. 

Digamos que tu formulario empieza a generar leads. Nosotros por defecto generamos 3 avisos. 

  1. WhatsApp. Por supuesto tus leads irán a tu WhatsApp de forma automática. 
  2. Email. Enviamos un aviso por email a las direcciones que necesites. Puedes añadir hasta 5 emails por widget. 
  3. Webhook o integraciones. Los webhook sabemos que son muy útiles para generar procesos automáticos a partir de los datos del lead. Puedes generar una integración con zapier, make o pabbly y con los datos del lead alimentar una tabla en Google Sheet, Google Calendar, Bases de datos, CRM, ERP o aplicaciones similares.
  4. Por último te ofrecemos un CRM que puedes compartir con tus clientes y generar un entorno de trabajo sencillo y ágil para tus clientes para gestionar sus leads.
  5. Ofrecemos una integración espectacular con Google Ads para hacer el mejor seguimiento posible de tus campañas y realmente medir las conversiones reales de tus campañas en leads.

Mantenimiento, evolución y experimentos

Por último queremos hacer énfasis en el concepto de herramienta ilimitada. La idea es que puedas hacer tantos experimentos, pruebas y cambios como necesites sin el miedo de tener que pagar más. Nuestra licencia base es ilimitada en todos los conceptos. Es ilimitada en el número de widgets que puedes generar, en el número de leads que puedes recibir y en el número de notificaciones que puedes generar. No creémoste que sea una buena idea “penalizarte” por hacer las cosas bien. Digámoslos que tienes una campaña exitosa y generas cientos de leads. No tiene sentido que por hacer bien tu trabajo tengas que pagar más. Las herramientas digitales por defecto tienen que ser ilimitadas y ese es nuestro enfoque. Un pago razonable y un uso ilimitado. Ojalá podamos acompañarte durante mucho tiempo y tus campañas con nostorso 

Tutorial explicativo paso a paso

En este tutorial, aprenderás a crear un botón en tu página web que abre un pop-up con un formulario de WhatsApp, una técnica popular entre los media buyers para optimizar la captación de leads. Tochat.be es la herramienta recomendada para esta tarea.

Paso a Paso para añadir el botón en HTML para un pop-up de WhatsApp:

  1. Preparación del Widget:
    • Configura un widget en tu página para que actúe como un pop-up. En la sección de diseño, activa la opción «Widget Popup».
  2. Añadir el Botón:
    • Introduce un código específico que permite añadir un botón en cualquier parte de tu página. Este botón, al ser pulsado, disparará el widget configurado como pop-up. El código necesario se puede encontrar en el artículo relacionado en el enlace de la descripción del vídeo.
  3. Personalización:
    • Puedes ajustar el estilo del botón a tu gusto. Cuando se hace clic en el botón, se abrirá el pop-up con el formulario de WhatsApp. Puedes añadir banners personalizados o desactivarlos según prefieras, y elegir si el formulario se abre directamente o con una cuenta atrás.
  4. Pruebas y Combinaciones de Diseño:
    • Experimenta con diferentes configuraciones, como dónde colocar el botón (cabecera, mitad de la página, etc.), y cómo se muestra el pop-up (con o sin banner, con contador, etc.).

Paso a Paso para WordPress con Elementor:

  1. Inserción del Código:
    • En WordPress, utilizando Elementor, añade un bloque de código HTML donde insertarás el mismo código del botón usado en HTML.
  2. Configuración del Widget:
    • Asegúrate de que tu widget está correctamente insertado en tu página de WordPress. Al hacer clic en el botón, el pop-up debería abrirse como en la versión HTML.
  3. Flexibilidad y Opciones:
    • Puedes insertar el botón en cualquier parte de la página, ya sea como un pop-up modal o como un widget estático que se activa al clic. La configuración en Elementor te permite ajustar el comportamiento y la apariencia del pop-up.

Consideraciones Adicionales:

  • Dispositivos Móviles: El diseño debe ser considerado para usuarios móviles, asegurando que el pop-up no sea intrusivo pero sí eficaz.
  • Experimentación: La efectividad de un botón o pop-up puede variar según la campaña, por lo que se recomienda probar diferentes configuraciones y medir los resultados.

Este método no solo facilita la interacción directa con los usuarios a través de WhatsApp sino que también ofrece flexibilidad en el diseño y la presentación de los formularios de captación de leads, adaptándose a diversas estrategias de marketing.

Post Views: 37