Administra tu Widget de crecimiento con IA

Descubre cómo administrar tu AI Growth Widget

Written By Frieda Yip (Super Administrator)

Updated at August 13th, 2026

Una vez que hayas creado tu Widget de crecimiento con IA, puedes volver en cualquier momento para actualizar su configuración, ajustar cómo aparece en tu sitio web y modificar cómo interactúan los visitantes con él.

 

Este artículo explica cómo administrar tu widget en las cuatro pestañas disponibles:

 

Accede a la configuración de tu Widget de crecimiento con IA

Nota: Debes tener tu Widget de crecimiento con IA configurado para acceder a la página de configuración del Widget de crecimiento con IA. Obtén más información sobre cómo crear tu Widget de crecimiento con IA en este artículo del Centro de ayuda.

 

 

Para administrar tu widget:

  1. Ve a Canales haciendo clic en el ícono en la barra de navegación izquierda
  2. Haz clic en “Widget de crecimiento con IA” en el panel del lado izquierdo
  3. Serás redirigido a la página de configuración del Widget de crecimiento con IA.

 

Podrás alternar entre pestañas y actualizar tu configuración en cualquier momento. Los cambios se guardan automáticamente y se reflejan en la vista previa.

 

Marca

 

La pestaña Marca controla la apariencia de tu widget y cómo se presenta tu empresa a los visitantes.

 

Usa esta pestaña para configurar tu identidad visual y la mensajería predeterminada.

 

Configuraciones disponibles

  • Logotipo de la empresa: Sube un logotipo para representar tu marca. Este logotipo aparece en la pantalla de bienvenida del widget y como avatar del respondedor en las conversaciones.
  • Color primario: Establece el color principal usado para el botón del widget y las acciones principales.
  • Color secundario: Define el color usado para las burbujas de mensaje en la interfaz de chat.
  • Nombre visible del chat en vivo: Ingresa el nombre que se mostrará como título del widget. Por lo general, es el nombre de tu empresa o producto.
  • Nombre visible del remitente: Define el nombre que se muestra como remitente del mensaje en el chat.
  • Mensaje de bienvenida: Establece el mensaje predeterminado que se muestra cuando un visitante inicia una conversación en páginas sin un mensaje emergente configurado.
  • Ocultar “Con tecnología de SleekFlow”: Elimina la marca de SleekFlow del pie del widget. Esta configuración está disponible en el plan Premium y superiores. Si tu espacio de trabajo no está en un plan compatible, verás la opción de actualizar a Premium para quitar la marca de SleekFlow.

 

 

Estas configuraciones afectan directamente cómo aparece tu widget y cómo los visitantes perciben tu marca durante las conversaciones.  

 

Configuración básica

 

La pestaña “Configuración básica” controla cómo se comporta tu widget y cómo se presenta a los visitantes. En esta pestaña, puedes configurar el modo de visualización del widget y los ajustes de idioma.

 

Modo de visualización del widget

 

En Modo de visualización del widget, elige cómo aparece el widget en tu sitio web.

 

Puedes elegir entre:

  • Widget de navegación: Una barra de chat centrada en la parte inferior, diseñada para una interacción guiada, con una experiencia de chat enfocada y una barra lateral integrada
  • Widget de soporte: Un ícono de chat en la esquina que ofrece una experiencia de soporte familiar y no intrusiva

 

Para obtener una explicación detallada de cada modo de visualización y sus casos de uso, consulta Cómo crear tu Widget de crecimiento con IA. 

 

Posición del widget

En “Posición del widget”, elige a qué borde se ancla el ícono de chat y a qué distancia de ese borde.

Ten en cuenta que los desplazamientos lateral e inferior solo se aplican al widget web. En dispositivos móviles, solo se puede cambiar el lado, ya sea izquierdo o derecho.

Puedes configurar las siguientes opciones:

  • Lado: Elige si el widget aparece en el lado derecho o izquierdo de tu sitio web.
    • Derecha: El widget aparece en el lado derecho. Esta es la opción predeterminada.
    • Izquierda: El widget aparece en el borde opuesto.
  • Desplazamiento lateral: Establece la distancia entre el widget y el borde lateral seleccionado. Esta configuración es solo para la versión web.
  • Desplazamiento inferior: Establece la distancia entre el widget y el borde inferior. Esta configuración es solo para la versión web.

 

Cuándo mostrar

En “Cuándo mostrar”, elige cuándo los visitantes ven el widget en tu sitio web.

Puedes seleccionar una de las siguientes opciones:

  • Mostrar automáticamente: El lanzador de chat aparece en cada página tan pronto como se carga el widget.
  • Mostrar al activarse: Mantiene el widget oculto hasta que tu propio botón llama a la API de JavaScript.

Cuando se selecciona “Mostrar al activarse”, usa la API de JavaScript que se muestra en el panel de configuración para mostrar u ocultar el widget desde tu sitio web.

Usa esta opción cuando quieras controlar cuándo aparece el widget, por ejemplo, después de que un visitante haga clic en un botón personalizado o complete una acción específica en tu sitio web.

 

Configuración de idioma

 

En Configuración de idioma, define los idiomas admitidos por tu widget.

  • Idioma principal: El idioma predeterminado que se usa cuando el idioma del navegador de un visitante no es compatible
  • Idiomas adicionales: Agrega más idiomas para ofrecer una experiencia localizada a los visitantes
     

Los visitantes verán el widget en un idioma compatible que coincida con la configuración de su navegador. Si no se encuentra una coincidencia, se usa el idioma principal.

 

 

Interacción

La pestaña Interacción controla cómo tu widget inicia proactivamente conversaciones con los visitantes.

 

Mensaje emergente

 

En Mensaje emergente, puedes crear un mensaje predeterminado que aparece en tu sitio web para saludar a los visitantes y animarlos a iniciar una conversación.

 

Puedes configurar:

  • Nombre del mensaje para referencia interna
  • Contenido del mensaje de hasta 500 caracteres
  • Tiempo de visualización para controlar cuántos segundos esperar antes de mostrar el mensaje

 

Este mensaje se usa como el mensaje emergente general que se muestra en todo tu sitio web.

 

Mensaje emergente específico de la página

 

En Mensaje emergente específico de la página, puedes crear mensajes personalizados para páginas seleccionadas de tu sitio web.

 

Esto es útil cuando quieres adaptar el mensaje al contexto de la página. Por ejemplo, es posible que desees mostrar mensajes diferentes en páginas de productos, páginas de precios o páginas de destino.

 

Cuando se configura un mensaje emergente específico de la página, los visitantes de esa página verán ese mensaje en lugar del mensaje emergente general.

 

Para agregar un mensaje emergente específico de la página:

  1. Haz clic en “Agregar mensaje emergente” en la sección “Mensaje emergente específico de la página”
  2. Aparecerá una ventana emergente
  3. Para configurar el contenido del mensaje, ve a la pestaña “Contenido” para establecer los siguientes elementos:
    1. Título del mensaje: El título del mensaje emergente que solo se mostrará internamente para que tus compañeros de equipo reconozcan este mensaje emergente
    2. Mensaje: Escribe el texto que deseas mostrar. Puedes ingresar hasta 70 caracteres.
      1. Por ejemplo: ¿Necesitas ayuda para elegir un plan? ¡Chatea con nosotros ahora!
  4. Para establecer condiciones sobre cuándo mostrar el mensaje emergente, ve a la pestaña “Condiciones”:
    1. Las condiciones definen cuándo y dónde aparecerán tus mensajes emergentes. Debes establecer al menos 1 condición y puedes agregar hasta 5 condiciones por mensaje. El mensaje emergente solo se mostrará si el visitante cumple con todas las condiciones seleccionadas.
    2. Puedes seguir los pasos a continuación para establecer condiciones:
      1. Después de ingresar el contenido de tu mensaje emergente, ve a la pestaña Condiciones.
      2. Elige cómo quieres que funcione la regla desde el menú desplegable:
        1. Mostrar cuando la URL contiene
        2. Mostrar cuando la URL contiene exactamente
        3. Ocultar cuando la URL contiene
        4. Ocultar cuando la URL contiene exactamente
      3. Ingresa el criterio de coincidencia (por ejemplo, https://catparadise.com/adoption).
      4. (Opcional) Agrega condiciones adicionales haciendo clic en “+ Agregar condición”.
        1. Ejemplo: Mostrar cuando la URL contiene /adoption Y después de 10 segundos en la página.
      5. Establece el retraso de tiempo si es necesario: ingresa cuántos segundos después de que se cumple la condición debe aparecer el mensaje emergente.
      6. Haz clic en “Guardar como borrador” si deseas seguir editando más tarde, o en “Guardar y publicar” para activar el mensaje.

 

Canales

 

La pestaña Canales controla cómo los visitantes pueden contactar a tu empresa a través del widget.

 

Recopilar datos del cliente

 

Activa Recopilar datos del cliente para exigir a los visitantes que ingresen su información de contacto antes de iniciar una conversación.

 

Una vez activado, puedes elegir qué datos requerir:

  • El número de teléfono es obligatorio
  • La dirección de correo electrónico es obligatoria

 

Los visitantes deben ingresar los datos de contacto seleccionados antes de poder continuar en el widget.

 

Si se seleccionan ambas opciones, los visitantes deben proporcionar tanto un número de teléfono como una dirección de correo electrónico antes de iniciar la conversación.

 

También puedes configurar el aviso de consentimiento que se muestra debajo del botón de envío del formulario de contacto:

  • Aviso de consentimiento: Muestra un aviso de consentimiento debajo del botón de envío del formulario de contacto.
  • Texto del aviso de consentimiento: Ingresa el texto de consentimiento que deseas mostrar a los visitantes. Este campo admite varias líneas y tiene un límite de 500 caracteres.
  • Restablecer a los valores predeterminados: Restaura el texto predeterminado del aviso de consentimiento. Esto solo se mostrará cuando hayas editado el contenido del aviso predeterminado

Usa el aviso de consentimiento para explicar cómo tu empresa puede usar la información de contacto que los visitantes envían a través del widget.

 

Obtén más información sobre cómo funciona el formulario de contacto en el Widget de crecimiento con IA en nuestro artículo del Centro de ayuda sobre Cómo recopilar formularios de contacto con el Widget de crecimiento con IA.

 

Canal de chat en vivo

 

Si elegiste Widget de soporte como el Modo de visualización del widget, puedes controlar si los visitantes pueden chatear contigo directamente en el widget activando o desactivando el Chat en vivo.

 

Cuando el Chat en vivo está activado, los visitantes pueden iniciar una conversación con tu empresa directamente en el widget de tu sitio web.

Usa esta configuración cuando quieras que el chat en vivo esté disponible como una de las opciones de comunicación en el Widget de crecimiento con IA.

 

 

Canales de mensajería externos

Los canales de mensajería externos permiten a los visitantes continuar la conversación a través de otras plataformas en lugar de quedarse en el widget.

Solo se pueden activar los canales que ya estén conectados en tu espacio de trabajo.

 

Para cada canal, puedes:

  • Seleccionar una cuenta conectada (cuando corresponda)
  • Activar o desactivar el canal

 

Cuando están activados, estos canales aparecen como opciones de contacto alternativas en el widget.  

 

Cómo usar Llamada telefónica como canal externo

También puedes agregar una línea telefónica directa a tu widget, lo que permite a los visitantes contactar a tu equipo con un solo clic.

En Llamada telefónica, configura:

  • Nombre visible: La etiqueta que se muestra a los visitantes (por ejemplo, Llámanos o Línea directa de ventas)
  • Número de teléfono: El número de teléfono completo en formato internacional (por ejemplo, +1 234 567 890)

 

Cómo funciona:

  • En dispositivos móviles: Abre el marcador del dispositivo con el número prellenado
  • En computadoras de escritorio: Puede abrir una aplicación de llamadas (como FaceTime) o mostrar el número para marcarlo manualmente

 

Cuando está activada, la opción Llamada telefónica aparece en la sección Contáctanos junto con otros canales.

 

Nota: Si activas el canal de Llamada telefónica, deberás ingresar un número de teléfono válido.

 

 

 

Copia e instala el fragmento de código de tu Widget de crecimiento con IA

Después de configurar tu Widget de crecimiento con IA, copia e instala el fragmento de código del widget en tu sitio web. Esto permite que el widget aparezca a los visitantes en tu sitio web en vivo.

Para copiar el fragmento de código de tu widget:

  1. Ve a la página de “Configuración del Widget de crecimiento con IA”.
  2. Haz clic en “Instalar widget en el sitio web” en la esquina superior derecha de la página.
  3. En la ventana emergente de orientación, revisa las instrucciones de instalación.
  4. Haz clic en “Copiar fragmento de código” para copiar el fragmento de código del widget.

Para instalar el widget en tu sitio web:

  1. Pega el fragmento de código copiado en el HTML de tu sitio web, antes de la etiqueta de cierre </body>.
  2. Guarda y publica los cambios de tu sitio web.
  3. Abre tu sitio web y actualiza la página para verificar que el widget aparezca correctamente.

Si tu sitio web está administrado por un desarrollador o una agencia externa, comparte el fragmento de código copiado con ellos. Pídeles que lo agreguen antes de la etiqueta de cierre </body>.

Nota: Instala el fragmento de código más reciente del widget en tu sitio web para asegurarte de que tu widget en vivo refleje tu configuración actual.

 

 

Próximos pasos

Después de instalar o actualizar el fragmento de código de tu widget, puedes:

  • Revisar tu widget usando la vista previa en vivo para comprobar cómo se ve y se comporta
  • Probar la experiencia en tu sitio web para confirmar que la configuración actualizada funciona como se espera
  • Seguir optimizando tu configuración de interacción y canales según las necesidades de tu empresa

Puedes volver a la página de “Configuración del Widget de crecimiento con IA” en cualquier momento para actualizar tu configuración.