1- Primeiramente, fazemos o download da biblioteca de notificações, que contém os arquivos necessários para biblioteca externa, bem como arquivos que contém os códigos para os eventos, citados no final da página desse artigo:

[https://drive.google.com/drive/folders/1sSgUoYpUAN-AJGrDGo6bOP8kstAtPNFg](https://codeload.github.com/Nickersoft/push.js/zip/master)

2- Vamos até a opção "Ferramentas -> Bibliotecas Externas", que fica localizada no menu horizontal superior do ScriptCase. Logo em seguida, clicamos em "Criar uma nova biblioteca", definimos o nível de acesso (se será Pública ou aquele Projeto específico que estamos), e clicamos em "Criar", conforme a sequência de imagens abaixo:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35d7fcc9b800704ded905d0998e608476f)![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35c2ef23a5addb40dd86ec1fbeb18b47ef)

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35fff55010ed284db6986d010ab23d52d8)

3 - Logo em seguida, clicaremos em "Editar" para poder adicionar um novo diretório na biblioteca e carregar os arquivos que estão presentes no link citado no 1º passo.

![](//img.zohostatic.com/zde/static/images/info.png)Obs.: podemos seguir este tutorial, se necessário: https://[www.youtube.com/watch?v=nPiAVJZBbq8](http://www.youtube.com/watch?v=nPiAVJZBbq8)

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35b937e3431f1a489699278553e804ad3f)

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35c44819cb1cd14daaa7bc1bab9990a906)

4 - Neste novo diretório, nós iremos dar o nome de "image" e logo em seguida, fazer upload do arquivo PNG referente ao sino de notificação que está dentro do diretório "Imagens" do link do 1ºpasso.

![](//img.zohostatic.com/zde/static/images/exclamation.png)

O arquivo PNG do sino presente no link, tem um fundo de cor branca. Desta forma, caso a barra do seu menu seja de cor clara, é possível que a imagem do sino não apareça corretamente. Porém, a troca por outra imagem da mesma extensão e do mesmo formato pode ser realizada normalmente.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35fbd6dfc5dee145beb6a7ccd861f6be42)

5 - Uma vez feito o carregamento do arquivo PNG, voltamos ao diretório raiz para realizar o upload do arquivo HTML chamado "menunotificacao.html", conforme imagem abaixo:

![](//img.zohostatic.com/zde/static/images/caution.png)

É importante salientar que no arquivo HTML, o trecho do código referente ao caminho até a biblioteca, encontra-se como "notifications". Abra o arquivo, localize a linha 54, e altere *notifications* para *Notificacoes*, conforme definimos inicialmente.

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35dd0012a4d0844f9986bd462a54e61b2c)

6 - Uma vez carregado os arquivos necessários na biblioteca externa, devemos clicar em "Usar biblioteca", e logo em seguida, "Salvar as bibliotecas do projeto":

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v356fa73aceaa2144288b5200d3bb9feb68)

7 - Para os que já possuem uma aplicação de Menu, basta ir na opção (Layout -> Estrutura do Menu) que fica no menu esquerdo da aplicação, e arrastar o bloco para adicionar um novo layer. Em seguida, é só definir o tipo como "Biblioteca", e na caixa de seleção seguinte, selecionar o arquivo "menunotificacao.html" que está presente na biblioteca externa e salvar as mudanças, conforme imagem abaixo:

![](//img.zohostatic.com/zde/static/images/file.png)

Para mais detalhes sobre a aplicação de Menu, acesse <https://www.youtube.com/watch?v=WpGbd3XjQls&t=49s>

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35a04f09bb271f462abcc31e519d55dcee)

8 - Finalmente, executamos a aplicação de Menu, e podemos visualizar o sino de notificações presente do lado esquerdo da barra de menu:

![](https://desk.zoho.com/DocsDisplay?zgId=716875472&mode=inline&blockId=o8v35a51344d04d5b4dd180601a85ac1924ca)

![](//img.zohostatic.com/zde/static/images/file.png)

Para mais detalhes sobre como manipular as mensagens e trazê-las do Banco de Dados, dentre outros passos que envolvem códigos nos eventos onLoad (Menu) e onExecute (Blank), acesse o link <https://www.youtube.com/watch?v=jGYvHnrq_Ms&t=657s>