Cómo añadir WhatsApp al widget de tu sitio web de Bitrix24
Convierte tu número de WhatsApp en un botón de clic para chatear en el widget de sitio web de Bitrix24. Configuración paso a paso y por qué sale en blanco.

Si tienes un widget de sitio web de Bitrix24, puedes permitir que tus visitantes te escriban por WhatsApp con un solo clic. En esta guía te mostramos cómo añadir WhatsApp a tu widget de sitio web de Bitrix24 como botón de clic para chatear, por qué a veces el canal aparece en blanco y cómo lo configura WASync automáticamente.
Respuesta rápida: Conecta un número de WhatsApp en WASync. WASync registra el número como conector de las Líneas abiertas de Bitrix24 con un enlace público
wa.mede clic para chatear y el icono de WhatsApp, de modo que el número se convierte en un canal seleccionable en el widget de tu sitio web. Márcalo en el Contact Center, inserta el widget en tu sitio y cada clic abre WhatsApp y dirige la conversación a tu CRM.
¿Qué es el widget de sitio web de Bitrix24?
El widget de sitio web de Bitrix24 es un pequeño fragmento de JavaScript que pegas en tu página web. Muestra un botón flotante con el que los visitantes pueden contactarte mediante chat en directo, un formulario CRM, una solicitud de devolución de llamada y mensajerías como WhatsApp, Telegram y Viber. Cada conversación se guarda en las Líneas abiertas de Bitrix24 y en el CRM, así que no se pierde nada.
El widget toma sus canales de las Líneas abiertas (Canales abiertos) que tiene conectadas. Y ese detalle importa: un número de WhatsApp solo aparece en el widget cuando está vinculado a una Línea abierta como un conector correctamente configurado.
¿Se puede añadir un botón de WhatsApp al widget de sitio web de Bitrix24?
Sí, y hay dos caminos:
- «WhatsApp instantáneo» de Bitrix24: la opción nativa. Añades un número manualmente en el Contact Center y este genera un enlace de clic para chatear para el widget.
- Un conector de Líneas abiertas como WASync: tu número de WhatsApp actual (conectado por QR o con la WhatsApp Business API oficial) se registra como conector, aparece en el widget y dirige las respuestas de vuelta a Bitrix24 a través de tu propia sesión de WhatsApp.
La opción de WASync es la indicada cuando quieres tu número real, configuración automática y control total de la conversación entrante dentro de las Líneas abiertas.
Cómo añadir WhatsApp a tu widget de sitio web de Bitrix24 (paso a paso)
- Conecta tu número en WASync: escanea el código QR con tu teléfono o conéctate con la WhatsApp Business API oficial.
- Deja que WASync lo vincule a una Línea abierta: al conectarse, WASync asocia el número a una Línea abierta de Bitrix24 y lo registra como conector de clic para chatear (con el enlace
wa.mey el icono de WhatsApp) automáticamente. - Abre los ajustes del widget del sitio web: en Bitrix24, ve a Contact Center → Widget del sitio web y edita tu widget (o añade uno nuevo).
- Marca el canal de WhatsApp: en los canales conectados de tu Línea abierta, activa el canal de WhatsApp para que aparezca en el widget.
- Inserta el widget: copia el código JavaScript del widget en tu sitio web o actívalo desde Sitios web y tiendas online.
- Pruébalo: haz clic en el botón de WhatsApp. Abre
wa.mecon tu número; tu respuesta y el mensaje del visitante aparecen en las Líneas abiertas de Bitrix24 y en el lead o la negociación.
Ese es todo el proceso. Con WASync, los pasos 1 y 2 se hacen solos, así que en realidad solo eliges dónde aparece el botón.
¿Por qué el canal de WhatsApp aparece en blanco o «no funciona» en el widget?
Esta es la queja más habitual: el canal de WhatsApp está conectado en el Contact Center, pero en el widget aparece como un chip en blanco, un simple círculo verde sin logotipo o no aparece en absoluto. Lo provocan dos cosas:
- Falta el enlace público de clic para chatear. Bitrix solo muestra un conector en el widget cuando lleva un enlace público
wa.me. Si el conector apunta a un gestor interno en su lugar, el canal puede estar marcado pero nunca llega a mostrar un botón funcional. - Un icono defectuoso. El icono del conector debe facilitarse como un SVG en formato data-URI correcto. Una imagen sin procesar o un archivo que falta hacen que Bitrix recurra a un círculo de color sin ningún detalle.
WASync se encarga de las dos cosas: publica el enlace wa.me y el icono de WhatsApp correcto, y vuelve a aplicarlos cada vez que el número se reconecta, de modo que el botón se mantiene correcto sin arreglos manuales. Si una licencia caduca, WASync elimina el canal para que el cliente nunca se quede con un botón roto en su sitio.
WASync frente al WhatsApp instantáneo de Bitrix24
| WhatsApp instantáneo de Bitrix24 | WASync | |
|---|---|---|
| Configuración | Manual, número a número | Automática al conectar |
| Número | Asignado por el proveedor | Tu número actual (QR) o la API oficial |
| Distribución de entrantes | Canal gestionado por Bitrix | Tu sesión de WhatsApp → Líneas abiertas |
| Prueba gratuita | — | El botón funciona durante la prueba |
| Varios números | Limitado | Uno por Línea abierta, admite muchos |
| Icono del botón | Nativo | Configurado automáticamente, con el logotipo correcto |
Ambas opciones colocan un botón de WhatsApp en el widget. WASync gana cuando quieres tu propio número, cero ajustes manuales de icono o enlace, y la conversación gestionada dentro de tus Líneas abiertas y tu CRM.
¿Qué ocurre cuando un visitante hace clic en el botón de WhatsApp?
- El botón abre WhatsApp (
wa.me) con tu número de empresa ya rellenado. - El visitante envía un mensaje desde su propio WhatsApp.
- El mensaje llega a tu número conectado y WASync lo reenvía a la Línea abierta de Bitrix24 correspondiente.
- Bitrix24 crea o actualiza un lead, una negociación o un contacto, y tu equipo responde desde las Líneas abiertas o el widget del CRM.
El visitante tiene un chat de WhatsApp de lo más familiar; tú obtienes una conversación registrada en el CRM.
Preguntas frecuentes
¿WhatsApp aparece automáticamente en el widget de sitio web de Bitrix24? Con WASync, sí: en cuanto se conecta el número, queda disponible para marcarlo en el widget. Tú sigues insertando el código del widget y eliges qué canales mostrar.
¿Por qué mi canal de WhatsApp aparece en blanco o no se muestra?
El conector necesita un enlace público wa.me y un icono válido. Sin ellos, Bitrix muestra un chip vacío o sin detalle. WASync configura y mantiene ambos por ti.
¿Puedo usar mi número de WhatsApp actual? Sí, por QR o con la WhatsApp Business API oficial. El mismo número se convierte en el botón de clic para chatear del widget.
¿Funciona durante la prueba gratuita? Sí. El botón se activa en cuanto se conecta el número, prueba incluida, y se elimina automáticamente si caduca una licencia.
¿Puedo añadir más de un número de WhatsApp? Sí. Cada número tiene su propia Línea abierta; marca los que quieras. WASync admite varios números por portal.
¿Listo para poner tu número de WhatsApp en el widget de sitio web de Bitrix24? Empieza tu prueba gratuita de WASync o descubre cómo conecta WASync WhatsApp con Bitrix24.
¿Listo para empezar con WASync?
Conecta WhatsApp Business con Bitrix24 en minutos. Comienza hoy tu prueba gratuita de 7 días.