Press CTRL+K to open search

Criando Modelos Personalizados de Notificação de Usuário

  • Publicado em Sep 16, 2026
  • 2 minuto(s) lido(s)
Prev Next

Visão geral

Quando o tráfego corresponde a uma regra de Segurança com uma ação de Bloquear ou Prompt, os Usuários veem uma notificação no navegador ou no Cliente explicando o Motivo da Aplicação. Essas notificações permitem explicar cada regra de Aplicação de política aos usuários no momento em que o Acesso à Nuvem é bloqueado ou solicitado. Isso melhora o conhecimento e a conscientização do usuário, reduz o atrito durante as ações de segurança e alinha a Aplicação de segurança com objetivos mais amplos de comunicação empresarial. Ajudando a reduzir a confusão e as solicitações de Suporte. Para mais informações sobre Notificações de Usuário, veja Criando Modelos de Notificação de Usuário.

Para criar um Modelo de Notificação de Usuário totalmente personalizado, você pode fazer upload de um arquivo HTML que define o conteúdo e o estilo da notificação na página do navegador.

Criando Notificações de Usuário Personalizadas

Crie um arquivo HTML para a sua notificação de usuário e faça upload no Aplicativo de Gerenciamento Cato.

Para criar Modelos de Notificações de Usuário Personalizados:

  1. No menu de navegação, selecione Conta > Notificações de Usuário.

  2. Ou:

    • Use um modelo existente, por exemplo, Step Up Re Autenticar, e clique em Editar

      ou

    • Clique Novo

  3. Escolha um Nome do Modelo e selecione o Tipo de Página.

  4. Em Modo de Conteúdo da Página, selecione Página Personalizada.

  5. Clique em Escolher Arquivo e faça upload de um arquivo HTML com o design do seu modelo.

  6. Clique em Salvar.

Elementos Suportados

Os seguintes elementos são suportados no arquivo HTML.

Tags HTML

Estrutura

html, head, body, meta (charset/viewport only), title, div, section, header, footer, main, article, aside

Texto            

h1–h6, p, span, br, hr, strong, em, u, small, code, pre, blockquote

Listas            

ul, ol, li

Tabelas            

tabela, thead, tbody, tfoot, tr, th, td, colgroup, col

Mídia & Links            

a, img

Atributos

Global

id, class, lang, título

Links

href, target, rel

Imagens

src, alt, width, height

Tabelas

colspan, rowspan, scope

Configuração de Estilo

style (somente quando passar pela lista de propriedades CSS aprovadas)

Controles de Ação

Páginas de Bloqueio/Solicitação podem conter essas ações:

  • Prosseguir: Somente em uma página de solicitação, isso permite que o usuário final acesse o site

  • Relatar uma categoria incorreta: O usuário final pode relatar a categoria do site que foi acessada como incorreta  

Isso pode ser adicionado ao arquivo HTML com o gancho de ação data-cato-slot. Por exemplo:

  • <div data-cato-slot="proceed"></div>

  • <div data-cato-slot="report-wrong-category"></div>

Política de URL

Links (a[href])

  • Apenas URLs https:// são permitidos.

    • Links de saída são automaticamente forçados a:

      target="_blank"

    • rel="noopener noreferrer">

  • Por exemplo, implemente um botão “Ir para o Portal de TI”, como um elemento <a> com estilo de CSS, não um <button>              

Imagens (img[src] )

  • Apenas URIs de dados embutidos são suportados. Por exemplo, data:image/png;base64,..., data:image/jpeg;base64,..., data:image/gif;base64,...

  • URLs de imagem externas não são suportadas

Parâmetros Dinâmicos

Parâmetros dinâmicos são atualizados com base na ação tomada pelo usuário:

{blockedURL} , {reason} , {user} , {host IP} , {server IP} , {client IP} , {categories}

Validando o Arquivo HTML

Quando você faz upload de um arquivo HTML, ele é validado para garantir que não contenha elementos não suportados. Se a validação falhar, os erros são exibidos