--- title: "Configurar el widget de la base de conocimiento" slug: "create-widget" updated: 2026-10-26T08:23:25Z published: 2026-10-26T08:23:25Z canonical: "docs.document360.com/create-widget" --- > ## Documentation Index > Fetch the complete documentation index at: https://docs.document360.com/llms.txt > Use this file to discover all available pages before exploring further. # Configurar el widget de la base de conocimiento Un widget de base de conocimiento es un elemento interactivo flotante que puedes incrustar en tu sitio web o producto para dar a los usuarios acceso instantáneo a tu base de conocimientos de Document360 sin salir de la página. Crear un widget de base de conocimiento en Document360 implica añadir el widget, ponerle nombre, habilitar Eddy AI si es necesario, estilizarlo y copiar el fragmento de JavaScript para instalarlo en tu sitio. Todos estos pasos se realizan desde **el widget de Conexiones** () > **Base de conocimiento** en la barra de navegación izquierda del portal de la base de conocimiento. --- ## Cuándo crear un widget - Necesitas un widget separado para una audiencia, área de producto o entorno diferente. - Quieres un widget de prueba para experimentar de forma segura con los cambios de configuración antes de afectar a tu widget en vivo. --- ## Antes de que empieces - Debes tener un puesto **de Propietario del Proyecto** o **de Administrador** en el portal. - Para usar Eddy AI en el widget, actívalo primero en **Configuración** > **configuración de AI** > **en Eddy AI** antes de crear el widget. --- ## Crea un widget de base de conocimiento 1. En la barra de navegación izquierda, navega a **Conexiones** () > **widget de la base de conocimiento**. 2. En la esquina superior derecha de la página, haz clic **en Crear widget**. ![Connected domains accordion expanded in the widget configuration showing detected domains](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/create%20widget.png) 1. En el campo **Nombre del widget** , introduce un nombre apropiado para el widget. 2. Si quieres Eddy AI en este widget, activa el interruptor **de búsqueda asistida por IA** en la pestaña **Instalación y Configuración** . Una vez activado, el campo de búsqueda aparece en la vista previa a la derecha. 3. En la pestaña **Instalación y Configuración** , localiza la sección **de Apariencia** y amplíala para configurar la apariencia del widget: - Haz clic **en el icono de Cambiar** para reemplazar el icono del widget por una imagen o selecciona uno de los iconos disponibles. - Haz clic **en Cambiar color** para actualizar el color de fondo del widget. - **Selecciona Izquierda** o **Derecha** para colocar el icono del widget a ambos lados de tu sitio. - Introduce los valores de píxeles en **el espaciado lateral** y **el espaciado inferior** para ajustar la colocación de los widgets. - Introduce un mensaje de bienvenida para mostrarlo a los usuarios cuando abran el widget (hasta 50 caracteres). - Activa el **widget Ocultar** si quieres suprimir el icono flotante (por ejemplo, cuando uses un botón personalizado). - Activa **Ocultar los artículos más buscados** si quieres ocultar la sección de artículos de tendencia. 4. Haz clic **en Crear** en la parte inferior. Aparece un mensaje de confirmación en la parte superior derecha de la página. ![Connected domains accordion expanded in the widget configuration showing detected domains](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/create-widget.png) --- ## Después de crear el widget Una vez creado el widget, aparece en la lista de widgets. Pasa el cursor sobre el widget para acceder a las siguientes opciones: | Opción | Descripción | | --- | --- | | **Copiar el guion** () | Copia el código JavaScript del widget para su instalación | | **Editar** () | Actualizar el nombre o la configuración del widget | | **Clon** () | Crea un duplicado del widget con un nombre nuevo | | **Eliminar** () | Eliminar el widget de forma permanente | NOTA No puedes cambiar el tipo de widget (Widget o Chatbot) usando la opción **Editar** . --- ## Artículos en esta sección Sigue estas guías para completar la configuración y configuración de tu widget: Aquí tienes la lista formateada en forma de tabla: | Artículo | Lo que cubre | | --- | --- | | **Widget de Conexión a la base de conocimiento** [Más información →](https://docs.document360.com/docs/es/installing-the-knowledge-base-widget) | Widget JS y dominios conectados. | | **Configura JWT para el widget de la base de conocimiento** [Más información →](https://docs.document360.com/docs/es/configuring-jwt-for-the-knowledge-base-widget) | Acceso seguro a bases de conocimiento privadas. | | **Editar, clonar y eliminar widget** [Más información →](https://docs.document360.com/docs/es/edit-clone-and-delete) | Gestiona tus widgets. | | **Estilización y creación de marca del widget de la base de conocimiento** [Más información →](https://docs.document360.com/docs/es/styling-and-branding-the-knowledge-base-widget) | Haz haz haz tu marca. | | **Acceso al contenido en el widget de la base de conocimiento** [Más información →](https://docs.document360.com/docs/es/content-access-for-the-knowledge-base-widget) | Filtra por proyecto, espacio de trabajo o categoría, y establece cómo se abren los enlaces de los artículos. | | **Añadir enlaces personalizados** [Más información →](https://docs.document360.com/docs/es/add-custom-links-to-the-knowledge-base-widget) | Añade enlaces de soporte y recursos. | | **Uso de múltiples widgets dentro de un mismo proyecto** [Más información →](https://docs.document360.com/docs/es/using-multiple-widgets-within-a-project) | Gestionar los widgets de prueba y producción. | | **Seguridad de widgets** [Más información →](https://docs.document360.com/docs/es/widget-security) | Restricción de dominio. | | **Restricción de dominio para el widget de la base de conocimiento** [Más información →](https://docs.document360.com/docs/es/domain-restriction-for-the-knowledge-base-widget) | Configuración de dominio confiable. | | **Añadir un deflector de tickets** [Más información →](https://docs.document360.com/docs/es/add-ticket-deflector-to-knowledge-base-widget) | Integra un formulario de apoyo. | | **Personalización usando CSS y JavaScript personalizados** [Más información →](https://docs.document360.com/docs/es/customizing-the-kb-widget-using-custom-css-javascript) | Personalización avanzada. | | **Mapeo de URL** [Más información →](https://docs.document360.com/docs/es/url-mapping) | Artículo contextual que surge. |