Ir al contenido principal

Configuración del widget

Instala un widget de chat con IA en tu sitio web para capturar leads y responder preguntas de los clientes.

Escrito por Sarah Chen
Actualizado hace más de una semana

El widget es un asistente de chat incrustable que vive en tu sitio web. Utiliza IA entrenada con el contenido de tu negocio para responder preguntas de los visitantes, capturar información de contacto y enrutar conversaciones a tu equipo. Puedes crear múltiples widgets, cada uno con su propia marca y base de conocimientos.

Creación de un widget

Abre Configuración y selecciona Widget del menú lateral. Para crear tu primer widget, introduce el dominio de tu sitio web y Exayard extrae automáticamente los colores de tu marca, logo y nombre de la empresa. También comienza a rastrear tu sitio para construir la base de conocimientos de la IA.

Para crear widgets adicionales, abre el menú desplegable del nombre del widget en la parte superior y haz clic en Nuevo widget. Puedes renombrar o eliminar cualquier widget desde el submenú Administrar widget en el mismo menú desplegable.

Apariencia

Expande la sección Apariencia para personalizar cómo se ve el widget en tu sitio. Una vista previa en vivo a la derecha se actualiza a medida que realizas cambios, y puedes alternar entre vistas de escritorio y móvil.

Configuración

Qué controla

Logo

Imagen mostrada en la cabecera del widget

Nombre de la empresa

Texto mostrado en la cabecera del widget

Color principal

Color de fondo para botones y acentos

Color de primer plano

Color de texto en elementos de color principal

Tema

Esquema de color: Sistema, Claro o Oscuro

Texto del botón

Etiqueta en el botón flotante de lanzamiento (elige un preajustado, escribe texto personalizado o ocúltalo)

Comportamiento de lanzamiento

Cómo aparece el widget al cargar la página, configurado por separado para escritorio y móvil: Mostrar botón, Abrir inmediatamente, Abrir después de 30 s o Oculto

Espaciado

Distancia horizontal y vertical del borde de la página en píxeles

Posición

Colocación en la página (cuadrícula de nueve puntos desde arriba-izquierda hasta abajo-derecha)

El texto personalizado del botón se traduce automáticamente a todos los idiomas compatibles. Haz clic en el icono de traducciones para revisar o editar traducciones individuales.

Conocimientos

La sección Conocimientos controla lo que sabe tu IA sobre tu negocio. Hay dos formas de añadir contenido.

Haz clic en Añadir sitio web para rastrear un dominio completo. Exayard sigue los enlaces por todo el sitio e indexa el contenido de las páginas para que la IA lo reference. Puedes configurar el límite de rastreo (páginas máximas) y la profundidad de rastreo (hasta cuántos enlaces seguir) en la configuración avanzada. Haz clic en cualquier sitio web indexado para ver sus páginas, inspeccionar URLs individuales, excluir páginas o volver a rastrear.

Haz clic en Añadir página para indexar una sola URL sin rastrear todo el sitio. Esto es útil para páginas de aterrizaje específicas o recursos externos. El catálogo de productos y los conocimientos de precios se gestionan por separado en la configuración del estimador, con un enlace proporcionado en la sección de conocimientos.

Servicios

Expande la sección Servicios para definir los tipos de trabajos que los visitantes pueden solicitar a través del widget. Escribe un nombre de servicio en el campo de entrada y presiona Enter para añadirlo. Arrastra los servicios para reordenarlos, haz clic en un nombre para renombrarlo en línea o elimina servicios que ya no ofrezcas.

Instalación

La tarjeta de instalación en la parte superior de la configuración del widget muestra tu código de incrustación con instrucciones específicas de la plataforma. Selecciona tu plataforma -- HTML, WordPress, Wix, Squarespace o Shopify -- y sigue los pasos mostrados. Para WordPress, instala el plugin de Exayard y pega tu clave de widget en Configuración > Exayard. Para otras plataformas, copia el fragmento de código y añádelo al HTML de tu sitio antes de la etiqueta de cierre </body>. Una vez instalado, la tarjeta muestra tu dominio con una insignia de Instalado.

Integraciones

La sección Integraciones conecta tu widget a plataformas externas para que las conversaciones y leads lleguen a tu equipo en tiempo real. Las plataformas compatibles incluyen Slack, Microsoft Teams, WhatsApp, Telegram, Calendly y Cal.com. Cada integración envía las conversaciones del widget a un canal o grupo que elijas. Las integraciones de programación permiten a los visitantes reservar reuniones directamente desde el chat. Consulta el artículo de integraciones para instrucciones detalladas de configuración.

¿Ha quedado contestada tu pregunta?