Para integrar os Componentes ao Help Center, utilizamos a opção de adicionar Custom CSS e/ou Custom Javascript.
Neste artigo
Passo 1
Acesse Aplicativos
Clique em Scroll Viewport
Na lista, selecione o Help Center que deseja adicionar o script
Passo 2
Clique em Edit theme
Clique em Templates
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");
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(() => { });
Clique em Save
Clique no X
Clique em Update site
Clique em Go live
Encontrou algum problema? Procure os administradores, Paulo Henrique Paixão, Catarine Maltauro da Silva ou Ingrid Rezende de Camargo.
Próximos passos
Adicionar os Componentes ao Help Center.