Document toolboxDocument toolbox

Adicionar Custom CSS e Custom Javascript

Para integrar os componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.

Antes de continuar, tenha certeza que as configurações do Google Analytics e do Google Tag Manager tenham sido finalizadas pelo Administrador.

Neste artigo

Passo 1: Acessar o Help Center

  1. Na barra superior do Confluence, clique na aba Aplicativos

  2. Clique em Scroll Viewport 

  3. Na lista, selecione o Help Center que deseja adicionar os scripts

Passo 2: Adicionar os Scripts

  1. Clique no botão Edit theme

  2. Clique em Templates

  3. Em Custom CSS, copie e cole o código abaixo:

@import url("https://cdn.jsdelivr.net/gh/confluencendd/component-custom-style@current/custom-style.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.css"); @import url("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.css");
  1. Em Custom JavaScript, copie e cole o código abaixo:

vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-article@current/feedback-article.min.js") .then(() => { }); const pageUrlAddReleaseFeedback = document.URL.split("/"); if(pageUrlAddReleaseFeedback[4] === "release-notes"){ vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-feedback-release@current/feedback-release.min.js") .then(() => { }); }; vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-title.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-translate-elements@current/translate-elements-category.min.js") .then(() => { }); vp.loadScript("https://cdn.jsdelivr.net/gh/confluencendd/component-swagger@current/swagger.min.js") .then(() => { });
  1. Clique no botão Save

  2. Aguarde os ajustes serem finalizados e clique no botão ✖

  3. Clique em Update site

  4. Aguarde a atualização

  5. Clique em Go live

Encontrou algum problema? Procure os administradores Paulo Henrique Paixão ou Catarine Maltauro da Silva.


Próximos passos