🔒 La información de esta sección se aplica únicamente a los usuarios con cuenta de Administrador
El Live Chat Widget te permite interactuar con los visitantes de tu sitio web en tiempo real, lo que ayuda a las empresas a captar clientes potenciales, brindar soporte y rastrear el comportamiento de los visitantes. Al integrar el Live Chat Widget con SleekFlow, puedes optimizar la comunicación y automatizar flujos de trabajo para mejorar las interacciones con los clientes.
En este artículo, te guiaremos a través de los pasos para configurar el Live Chat Widget en SleekFlow, incluidas las opciones de personalización, los ajustes de idioma y las funciones avanzadas.
Configurar el Live Chat Widget
Sigue estos pasos para configurar tu Live Chat de SleekFlow:
- Haz clic en el ícono
en la barra de navegación izquierda para ir a la página “Canales” - Selecciona “Live Chat Widget” en el menú de la izquierda; serás redirigido a la página de configuración de “Live Chat Widget”
- En esta página, puedes configurar este canal según tus necesidades y preferencias
Nota: A medida que configuras los ajustes, puedes obtener una vista previa de la apariencia del widget en tiempo real.
Ajustes generales
Personaliza la apariencia y el comportamiento de tu Live Chat Widget para alinearlo con tu marca:
- Logotipo del chatbot: sube un logotipo para mostrarlo en el widget de chat.
- Color de fondo y del botón: ajusta los colores para que coincidan con la identidad de tu marca.
- Nombre visible del chatbot: define el nombre del chatbot que se mostrará en tu Live Chat Widget

Nota: Puedes obtener una vista previa de tus ajustes en la sección “Vista previa” del lado derecho de la página. Asegúrate de guardar los cambios haciendo clic en “Guardar”, en la parte inferior de la página, antes de continuar con la siguiente sección.
Ajustes avanzados
Mejora tu experiencia de chat con opciones adicionales:
-
Indicador de tiempo de respuesta: define los tiempos de respuesta esperados para gestionar las expectativas de los clientes.

-
Horario de atención: configura el horario de funcionamiento y elige si quieres ocultar el botón de chat fuera del horario laboral.

-
También puedes activar la opción “Ocultar la función de mensajería de Live Chat fuera del horario de atención” para desactivar la función “Iniciar chat” fuera del horario laboral. Ten en cuenta que los canales de mensajería social siempre se mostrarán, incluso si esta opción está habilitada.
-
También puedes activar la opción “Ocultar la función de mensajería de Live Chat fuera del horario de atención” para desactivar la función “Iniciar chat” fuera del horario laboral. Ten en cuenta que los canales de mensajería social siempre se mostrarán, incluso si esta opción está habilitada.
-
Formulario de contacto: solicita a los visitantes que proporcionen sus datos de contacto (nombre, correo electrónico, teléfono) antes de iniciar un chat.

- Al habilitar esta opción, de forma predeterminada, se solicitará a los visitantes un número de teléfono cuando quieran iniciar una conversación a través del chat en vivo. Puedes marcar la casilla correspondiente si quieres que sea opcional.
- También puedes elegir activar esta solicitud “Todo el tiempo” o “Solo fuera del horario de atención”.
-
Marca del widget (solo para usuarios Premium y Enterprise): elige mostrar u ocultar la marca “Con tecnología de SleekFlow”.
Nota: Asegúrate de guardar los cambios haciendo clic en “Guardar”, en la parte inferior de la página, antes de continuar con la siguiente sección.
Ajustes de idioma
Puedes configurar los ajustes de idioma del Live Chat Widget para mostrar la interfaz de chat en el idioma preferido de tus usuarios. Esto ayuda a crear una experiencia localizada para los visitantes de tu sitio web.
En esta sección, puedes:
- Habilitar idiomas adicionales activándolos
-
Establecer un idioma predeterminado como opción de respaldo para los idiomas de navegador no admitidos
![]()
Una vez que hayas habilitado un idioma, puedes establecerlo como predeterminado haciendo clic en el ícono
y seleccionando “Establecer como predeterminado”.
Puedes configurar varios idiomas para tu Live Chat Widget según las necesidades de tu empresa. Cuando los clientes llegan a tu sitio web, el widget coincidirá automáticamente con el idioma de su navegador. Si el idioma del navegador del visitante no está disponible o habilitado en tus ajustes, el Live Chat mostrará el idioma predeterminado.
Nota: Asegúrate de guardar los cambios haciendo clic en “Guardar”, en la parte inferior de la página, antes de continuar con la siguiente sección.
Mensajes emergentes
Puedes enviar a los visitantes de tu sitio web mensajes emergentes segmentados automáticos según su URL y su actividad.
Crear un mensaje emergente
Sigue estos pasos para crear un mensaje emergente:
- En la pestaña “Mensaje emergente”, haz clic en el botón “Crear mensaje emergente”. Aparecerá el cuadro de diálogo “Crear mensaje emergente”

-
Completa los siguientes campos:
- Encabezado del mensaje: Ingresa un nombre para identificar el mensaje emergente. Esto es para que tú identifiques tu mensaje emergente. No se mostrará a los clientes
- Mensaje: Ingresa el texto del mensaje que quieres mostrar a tu cliente (máximo 1024 caracteres).
- Selecciona el momento de activación: Define en segundos cuándo quieres mostrar el mensaje cuando los clientes llegan a la URL
- Condiciones: Puedes definir en qué página quieres “mostrar” u “ocultar” este mensaje emergente, según la URL. Puedes agregar varias condiciones para especificar
Mostrar mensajes emergentes en páginas específicas
Si quieres que un mensaje emergente aparezca solo en una página específica, puedes establecer condiciones precisas para controlar dónde se muestra.
Por ejemplo, si quieres que el mensaje aparezca solo en la página de inicio, puedes configurar:
- Mostrar cuando la URL contenga exactamente: www.sleekflow.io/homepage

Esto garantiza que el mensaje emergente solo se muestre en la página de inicio. Si la URL no coincide exactamente, el mensaje no aparecerá.
Consejo: Para mantener la comunicación clara y fácil de entender para los clientes, evita crear varios mensajes emergentes para la misma URL. Consolidar los mensajes garantiza una experiencia de usuario más fluida y evita confusiones.
Editar un mensaje emergente
Puedes modificar un mensaje emergente existente para adaptarlo a tus necesidades:
- Haz clic en el ícono
junto al mensaje que quieres editar - Realiza los cambios necesarios en el cuadro de diálogo de edición
- Elige guardar como borrador o guardar y publicar el mensaje actualizado.
Eliminar un mensaje emergente
Si ya no necesitas un mensaje emergente, sigue estos pasos para eliminarlo:
- Haz clic en el ícono
junto al mensaje. -
Aparecerá un mensaje de advertencia. Haz clic en “Eliminar” para confirmar la eliminación
Nota: Si eliminas un mensaje publicado, dejará de activarse en la URL asignada.
Publicar mensajes emergentes en borrador
Para publicar un mensaje emergente en borrador:
- Haz clic en el menú desplegable “Borrador” y selecciona “Publicado”
- Haz clic en “Guardar” para finalizar y publicar el mensaje

Configurar canales para el Live Chat Widget
Puedes elegir qué canales de comunicación serán visibles para los visitantes de tu sitio web a través del Live Chat Widget, lo que permite que los clientes se conecten con tu empresa a través de su plataforma de mensajería preferida.
Cuando los clientes hacen clic en un canal (por ejemplo, WhatsApp, Instagram, LINE), serán redirigidos a la plataforma correspondiente para continuar la conversación. Si eligen Live Chat, pueden interactuar con tu empresa directamente dentro del widget en tu sitio web.
Selecciona los canales disponibles siguiendo estos pasos:
-
Habilita los canales que quieres mostrar en el widget activándolos
-
Los visitantes verán estas opciones y podrán elegir a dónde enviar sus mensajes.

-
Para plataformas como WhatsApp, Instagram y Facebook Messenger, puedes seleccionar una cuenta específica en la lista desplegable
Nota: Asegúrate de tener al menos 1 canal habilitado para que tus clientes puedan contactarte.
Nota: Asegúrate de guardar los cambios haciendo clic en “Guardar”, en la parte inferior de la página, antes de continuar con la siguiente sección.
Obtener el fragmento de código
Para integrar el Live Chat Widget en tu sitio web, debes copiar y pegar el fragmento de código único en el HTML de tu sitio. Esto garantiza que el widget aparezca y funcione correctamente para los visitantes.
Sigue estos pasos para obtener el fragmento de código de tu Live Chat Widget:
- Una vez que hayas terminado de configurar tu Live Chat Widget, puedes hacer clic en el botón “Obtener fragmento de código”, en la esquina superior derecha de la página.

-
Aparecerá una ventana emergente. Haz clic en “Copiar código”, en la esquina inferior derecha de la ventana emergente, para copiar el fragmento de código a tu portapapeles

Nota: El código de ejemplo que se muestra arriba es solo de referencia; no lo copies ni lo pegues directamente en tu sitio web.
Una vez que hayas copiado el fragmento de código, sigue estos pasos para instalarlo:
-
Pega el fragmento antes de la etiqueta </body> en cada página donde quieras que aparezca el widget
- Para mostrar el widget en todas las páginas, agrega el código a la sección <header> o <footer>
- Actualiza tu sitio web después de pegar el código para activar el widget de chat.
- Confirma la configuración verificando si el widget aparece en la esquina inferior derecha de tu sitio
- Envía un mensaje de prueba a través del canal de chat en vivo para confirmar que el widget está conectado correctamente a SleekFlow
