--- title: "Configurar o widget da base de conhecimento" slug: "create-widget" updated: 2026-10-26T08:24:50Z published: 2026-10-26T08:24:50Z 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 o widget da base de conhecimento Um widget de base de conhecimento é um elemento interativo flutuante que você pode incorporar no seu site ou produto para dar aos usuários acesso instantâneo à sua base de conhecimento do Document360 sem sair da página. Criar um widget de base de conhecimento no Document360 envolve adicionar o widget, nomeá-lo, ativar o Eddy AI se necessário, estilizá-lo e copiar o trecho JavaScript para instalá-lo no seu site. Todos esses passos são realizados a partir do **widget Conexões** () > **da base de conhecimento** na barra de navegação esquerda do portal da base de conhecimento. --- ## Quando criar um widget - Você precisa de um widget separado para um público, área de produto ou ambiente diferente. - Você quer um widget de teste para experimentar com segurança as mudanças de configuração antes de afetar seu widget ativo. --- ## Antes de começar - Você deve ter uma função **de Proprietário do Projeto** ou **Administrador** do portal. - Para usar o Eddy AI no widget, ative-o primeiro nas **Configurações** > **nas configurações de IA** > **nas configurações do Eddy AI** antes de criar o widget. --- ## Crie um widget de base de conhecimento 1. Na barra de navegação da esquerda, navegue até **Conexões** () > **widget da base de conhecimento**. 2. No canto superior direito da página, clique **em Criar 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. No campo **Nome do Widget** , insira um nome apropriado para o widget. 2. Se você quiser Eddy AI neste widget, ative a opção de **busca assistida por IA** na aba **Instalação e Configuração** . Uma vez ativado, o campo de busca aparece na prévia à direita. 3. Na aba **Instalação e Configuração** , localize a seção **Aparência** e expanda-a para configurar a aparência do widget: - Clique no **ícone Alterar** para substituir o ícone do widget por uma imagem ou selecione um dos ícones disponíveis. - Clique **em Alterar cor** para atualizar a cor de fundo do widget. - Selecione **Esquerda** ou **Direita** para posicionar o ícone do widget em cada lado do seu site. - Insira os valores dos pixels no **espaçamento lateral** e **no espaço inferior** para ajustar a posição dos widgets. - Insira uma mensagem de boas-vindas para exibir aos usuários quando abrirem o widget (até 50 caracteres). - Ative **o Ocultar widget** se quiser suprimir o ícone flutuante (por exemplo, ao usar um botão personalizado). - Ative **Ocultar os artigos mais pesquisados** se quiser esconder a seção de artigos em alta. 4. Clique **em Criar** na parte inferior. Uma mensagem de confirmação aparece no canto superior direito da 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) --- ## Após criar o widget Uma vez criado, o widget aparece na lista de widgets. Passe o mouse sobre o widget para acessar as seguintes opções: | Opção | Descrição | | --- | --- | | **Copiar script** () | Copia o código JavaScript do widget para instalação | | **Editar** () | Atualize o nome ou configuração do widget | | **Clone** () | Crie uma duplicata do widget com um novo nome | | **Excluir** () | Remover permanentemente o widget | NOTA Você não pode mudar o tipo de widget (Widget ou Chatbot) usando a opção **Editar** . --- ## Artigos nesta seção Siga estes guias para completar a configuração e configuração do seu widget: Aqui está a lista formatada como uma tabela: | Artigo | O que ela cobre | | --- | --- | | **Widget de Conectar Base de Conhecimento** [Saiba mais →](https://docs.document360.com/docs/pt/installing-the-knowledge-base-widget) | Widget JS e domínios conectados. | | **Configure o JWT para o widget da base de conhecimento** [Saiba mais →](https://docs.document360.com/docs/pt/configuring-jwt-for-the-knowledge-base-widget) | Acesso seguro a bases de conhecimento privadas. | | **Editar, Clonar e Excluir widget** [Saiba mais →](https://docs.document360.com/docs/pt/edit-clone-and-delete) | Gerencie seus widgets. | | **Estilização e branding do widget da base de conhecimento** [Saiba mais →](https://docs.document360.com/docs/pt/styling-and-branding-the-knowledge-base-widget) | Combine com sua marca. | | **Acesso ao conteúdo no widget da base de conhecimento** [Saiba mais →](https://docs.document360.com/docs/pt/content-access-for-the-knowledge-base-widget) | Filtre por projeto, espaço de trabalho ou categoria, e defina como os links dos artigos se abrem. | | **Adicionar links personalizados** [Saiba mais →](https://docs.document360.com/docs/pt/add-custom-links-to-the-knowledge-base-widget) | Adicione links de suporte e recursos. | | **Usando múltiplos widgets dentro de um projeto** [Saiba mais →](https://docs.document360.com/docs/pt/using-multiple-widgets-within-a-project) | Gerencie widgets de teste e produção. | | **Segurança de widgets** [Saiba mais →](https://docs.document360.com/docs/pt/widget-security) | Restrição de domínio. | | **Restrição de domínio para o widget da base de conhecimento** [Saiba mais →](https://docs.document360.com/docs/pt/domain-restriction-for-the-knowledge-base-widget) | Configuração de domínio confiável. | | **Adicione um defletor de bilhete** [Saiba mais →](https://docs.document360.com/docs/pt/add-ticket-deflector-to-knowledge-base-widget) | Integre um formulário de apoio. | | **Personalização usando CSS & JavaScript personalizados** [Saiba mais →](https://docs.document360.com/docs/pt/customizing-the-kb-widget-using-custom-css-javascript) | Personalização avançada. | | **Mapeamento de URL** [Saiba mais →](https://docs.document360.com/docs/pt/url-mapping) | Artigo consciente do contexto emergindo. |