Ir al contenido principal

Configurar el widget

Instala un widget de chat con IA en tu sitio web para captar clientes potenciales y responder a las preguntas de los clientes.

Escrito por Sarah Chen

El widget es un asistente de chat integrable que reside en tu sitio web. Usa una IA entrenada con el contenido de tu negocio para responder a las preguntas de los visitantes, captar datos de contacto y derivar las conversaciones a tu equipo. Puedes crear varios widgets, cada uno con su propia marca y base de conocimiento.

Crear un widget

Abre Configuración y selecciona Widget en la barra lateral. Para crear tu primer widget, introduce el dominio de tu sitio web y Exayard extrae automáticamente los colores de tu marca, tu logotipo y el nombre de tu empresa. También empieza a rastrear tu sitio para construir la base de conocimiento de la IA.

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

Apariencia

Despliega la sección Apariencia para personalizar el aspecto del widget en tu sitio. Una vista previa en vivo a la derecha se actualiza a medida que haces cambios. Alterna entre las vistas de escritorio y móvil, cambia el idioma de la vista previa o abre el widget a pantalla completa en una nueva pestaña.

Ajuste

Qué controla

Logotipo

Imagen que se muestra en la cabecera del widget

Nombre de la empresa

Texto que se muestra en la cabecera del widget

Color principal

Color de fondo de botones y acentos

Color de primer plano

Color del texto sobre los elementos con el color principal

Tema

Esquema de color: Sistema, Claro u Oscuro

Texto del botón

Etiqueta del botón de lanzamiento flotante (elige un valor predefinido, escribe un texto personalizado u 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 de inmediato, Abrir tras 30 s u Oculto

Espaciado

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

Posición

Ubicación en la página (cuadrícula de nueve puntos, de arriba a la izquierda a abajo a la derecha)

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

Conocimiento

El Conocimiento controla lo que tu IA sabe sobre tu negocio. La tarjeta Conocimiento de los ajustes del widget enlaza con la página específica de Conocimiento (Configuración > Conocimiento), donde añades y gestionas todo el contenido.

En la página de Conocimiento, haz clic en Sitio web para rastrear un dominio entero. Exayard sigue los enlaces por todo el sitio e indexa el contenido de las páginas para que la IA lo consulte. Configura el límite de rastreo (número máximo de páginas) y la profundidad de rastreo (cuántos niveles de enlaces seguir) en Avanzado dentro del cuadro de diálogo. Haz clic en cualquier sitio web indexado para ver sus páginas, inspeccionar URL individuales, excluir páginas o volver a rastrearlo.

Haz clic en Página web para indexar una sola URL sin rastrear todo el sitio. Es útil para páginas de destino concretas o recursos externos. Para dar a la IA conocimiento sobre productos y precios, usa la sección Catálogos de productos: haz clic en Nuevo catálogo para crear uno, o haz clic en Añadir junto a un catálogo en Disponibles para activarlo. Consulta configurar el estimador para más detalles.

Cada widget también puede tener sus propias Instrucciones personalizadas (hasta 4000 caracteres) para dar forma al tono y el alcance de la IA, definidas por widget en la página de Conocimiento.

Servicios

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

Instalación

La tarjeta de instalación de la parte superior de los ajustes del widget muestra tu código de inserción con instrucciones específicas para cada plataforma. Selecciona tu plataforma —HTML, WordPress, Wix, Squarespace o Shopify— y sigue los pasos indicados.

Para WordPress, instala el plugin de Exayard y pega tu clave de widget en Ajustes > 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 un distintivo Instalado.

Integraciones

La sección Integraciones conecta tu widget con plataformas externas para que las conversaciones y los clientes potenciales lleguen a tu equipo en tiempo real. Las integraciones de mensajería —Slack y Telegram— reenvían las conversaciones del widget a un canal o grupo que elijas. Las integraciones de agenda —Calendly y Cal.com— permiten a los visitantes concertar reuniones directamente desde el chat. Consulta el artículo sobre integraciones para instrucciones de configuración detalladas.

¿Ha quedado contestada tu pregunta?