# Seção de notificação (cookies)

**Cookies (ou cookies HTTP)** são dados especiais armazenados no navegador para guardar informações sobre a atividade do usuário no site.

Eles permitem que o sistema reconheça o usuário: assim, você pode acompanhar visitantes do site nas análises, ver o número de usuários únicos, o número de conexões de bots, solicitações, conversão total e o número de sessões.

<figure><img src="/files/9041ccf584843f5b56b580db99c026dfa2ff1331" alt=""><figcaption><p> aba "Sites" na seção "Análises"</p></figcaption></figure>

Para informar os usuários de que o site coleta informações anonimizadas sobre os visitantes, você precisa de um banner de cookies (arquivos cookie):

<figure><img src="/files/ad58bf3881b830ede3b19ccde7e6197d010c60b3" alt=""><figcaption><p>Exemplo de exibição de aviso de cookies no site</p></figcaption></figure>

Há uma seção no construtor de sites Mavibot que ajudará a informar os usuários sobre o uso de cookies no site.

## Como adicionar uma seção

Primeiro, você precisa mudar para o modo de edição da página do site. Para fazer isso:

1. Vá para a seção "Sites":

<figure><img src="/files/374c1baf18f0e2f9744659cd1353a6a0d9552ba8" alt=""><figcaption></figcaption></figure>

2. Selecione o site à cuja página você deseja adicionar um aviso de cookies e clique no banner do site:

<figure><img src="/files/eeeb1d0894da5ef248196e6fd9c825075077e974" alt=""><figcaption></figcaption></figure>

a) se for um site com várias páginas, você irá para as configurações do site na seção com a exibição de todas as páginas existentes do site:

<figure><img src="/files/b84055ecfc3e8ab5b045362ba23c67f73a8660fa" alt=""><figcaption></figcaption></figure>

Selecione a página para exibir o aviso de cookies — geralmente a página principal. Em seguida, você entrará no modo de edição dessa página.

**Para sites de uma única página** (landing pages, formulários, quizzes, pesquisas): Clicar no banner do site leva você a uma seção geral de informações. Clique no **"Editar"** botão ali para entrar no modo de edição da página.

### Como criar a seção de Notificação em um site

No editor da página, passe o mouse sobre a área de trabalho para fazer o **"+"** botão aparecer.

<figure><img src="/files/44e0288663ccb336bfedfffb1b3d3c196d5fe9c9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
A seção de aviso de cookies pode ser posicionada em qualquer lugar da página — no topo, no meio ou na parte inferior. O aviso aparecerá imediatamente quando um usuário visitar essa página em um site com várias páginas ou acessar um site de uma única página (como uma landing page, formulário, quiz ou pesquisa).
{% endhint %}

Em seguida, clique no sinal de mais para abrir a barra da direita com uma lista de seções da página:

<figure><img src="/files/3847b46a552b5174f4b1bd899f46ab6edc21dca2" alt=""><figcaption></figcaption></figure>

Em seguida, clique em "Notificação" para adicionar uma seção de cookies ao site:

<figure><img src="/files/6b46225b7eddda9fee7a2a46a4d20866e801339c" alt=""><figcaption></figcaption></figure>

A seção de Notificação será adicionada ao site, e a barra lateral para edição do conteúdo de cookies será aberta automaticamente à direita.

<figure><img src="/files/eeb0805b5376dd4c883d41c8ff16b989ed7c482d" alt=""><figcaption></figcaption></figure>

## Como editar o conteúdo da seção de Notificação

Use o campo "Texto" para modificar o conteúdo da notificação.

<figure><img src="/files/ade68680f7f794b75d089a389359542b1d4b48fb" alt=""><figcaption></figcaption></figure>

Por padrão, a seção exibe o texto: "Usamos cookies para garantir a melhor experiência em nosso site."

Você também pode alterar o texto do botão.

<figure><img src="/files/c9f6935b8b60e8a0f5f0b4259b4282685e8325a2" alt=""><figcaption></figcaption></figure>

O texto do botão é definido por padrão como "ENTENDI, NÃO MOSTRAR ISTO NOVAMENTE".

Você pode formatar a notificação e o texto do botão usando as opções padrão do editor de texto, incluindo:

* Estilo (negrito, itálico, sublinhado)
* Tamanho e cor da fonte
* Alinhamento do texto
* Adição de listas (com marcadores ou numeradas)
* Inserção de hiperlinks
* Destaque de texto

<figure><img src="/files/8a35a9a659249073afa3c3d28eb4c28fff86af64" alt=""><figcaption></figcaption></figure>

Por exemplo, você pode destacar o texto da notificação para ênfase ou adicionar um hiperlink (dentro do texto ou no botão) que direcione os usuários para um arquivo com informações detalhadas sobre a política de cookies.

Depois de terminar com os elementos de texto, você pode ir para as configurações da seção. Clique em "Salvar e fechar" para fechar a barra lateral de edição de conteúdo à direita.

## Configurações

Para ir às configurações da seção, passe o mouse sobre a seção de cookies e clique no botão "Configurações":

<figure><img src="/files/06110b6c524bf66f29eaab183c83fa13dce4da51" alt=""><figcaption></figcaption></figure>

Você verá a barra da direita para configurações de conteúdo (seção e botões), fontes, plano de fundo, exibição:

<figure><img src="/files/bd2620d2ec7e4f7d68b764516a0151cced5d8637" alt=""><figcaption></figcaption></figure>

### Configurações da seção

#### Posição

<figure><img src="/files/c5e376b5dfb0c14c3e30327bb009036cfa478eac" alt=""><figcaption></figcaption></figure>

O aviso de arquivos de cookies pode ser posicionado no canto inferior esquerdo (posição padrão), no canto inferior direito ou em largura total na parte inferior.

### Configurações do botão

Por padrão, um botão azul é exibido na seção:

<figure><img src="/files/c61589164345ab8a3e0b5899ac1a7334fc49891e" alt=""><figcaption></figcaption></figure>

O botão pode ser totalmente personalizado para combinar com o design do seu site usando estas configurações:

<figure><img src="/files/5faf09d6a59be904f310cd6311e8e6d2e229183e" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/b1bbc81f0007a664585b00486bfbd37fa54d9a4f" alt=""><figcaption></figcaption></figure>

Há as seguintes configurações de personalização para o botão:

1. **A cor e o tamanho** da borda do botão:

<figure><img src="/files/5287fc8a00150bb7040075e1d7e6508a49d5f1ea" alt=""><figcaption></figcaption></figure>

2. **A cor do texto dentro do botão:**

<figure><img src="/files/9bc3e3b3f69c31cbb75f7fc989eec2c8a81059a6" alt=""><figcaption></figcaption></figure>

3. **Cor de fundo do botão:**

<figure><img src="/files/aba6c722de9bc61806ec1b323b1ee3665d96289f" alt=""><figcaption></figcaption></figure>

4. Preenchimento e margem

Essas configurações permitem ajustar o espaçamento. Use **Preenchimento** para definir o espaço interno dentro do botão (entre o texto e sua borda). Use **Margem** para definir o espaço externo entre o texto da notificação e o próprio botão.

<figure><img src="/files/be92904c76d7aea8cb1d8c5c1e00f035e08f9984" alt=""><figcaption></figcaption></figure>

### Configurações de fundo

Para alterar o plano de fundo da seção de notificação, vá para as **Fundo** configurações.

<figure><img src="/files/6b61fbba00e3f7ef1b2a430e7e4306c16b6e9741" alt=""><figcaption></figcaption></figure>

Expanda a aba de **Fundo** configurações. A partir daí, você pode:

• Fazer upload de uma imagem para o fundo.\
• Escolher uma cor de fundo ou criar um gradiente.

<figure><img src="/files/2b2921e0ee836e49736f3ea9e7d28958fabe9381" alt=""><figcaption></figcaption></figure>

&#x20;Clique no bloco de cor para abrir a paleta de cores. Em seguida, selecione o tipo de gradiente (linear ou radial) na lista suspensa.

<figure><img src="/files/0850ea79c3ddf176fb38510ada61c1192d7c4a3c" alt=""><figcaption></figcaption></figure>

Depois, selecione as cores para o seu gradiente.

<figure><img src="/files/c8d5a84db4129846fdb030d080c1d7aed1091f77" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
As configurações de plano de fundo são globais e afetam todas as seções da página.
{% endhint %}

### Configurações de fonte da notificação

As configurações de fonte são **globais** e se aplicam a todas as seções nas páginas do site.

<figure><img src="/files/951cf75fad00cf8f194a68ed845851e906264458" alt=""><figcaption></figcaption></figure>

Você pode escolher qualquer fonte para a seção e o botão, ou enviar a sua própria. Você também pode definir o estilo da fonte, o tamanho e outras propriedades.

{% hint style="info" %}
As configurações de fonte são globais e afetam todas as seções da página.
{% endhint %}

### Configurações de exibição

Usando as configurações de exibição, você pode ajustar:

• Tamanho da seção
\
• Raio da borda (arredondamento)
\
• Visibilidade em diferentes dispositivos
\
• E muito mais

<figure><img src="/files/01f65b7b5fcc7838ee58763573da4d9a4aab1caf" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
As configurações de exibição são globais e afetam todas as seções da página.
{% endhint %}

{% hint style="success" %}
Pronto!

Agora você sabe como criar e editar a seção de Notificação (cookies).
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/pt/websites/sites/blocks/cookies.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.