# Seção de popup

Um popup é uma janela que aparece sobre uma página da web, normalmente acionada pela ação de um usuário em uma landing page. Ele pode conter um formulário de coleta de dados, um bloco de texto, uma galeria ou qualquer outro tipo de seção disponível no construtor MaviBot.

<figure><img src="/files/5fc307367529296fb1fc6b3ddf11bd492e60c412" alt="" width="563"><figcaption></figcaption></figure>

A ação de destino para popup no construtor MaviBot é clicar no botão que contém o valor da seção.

Leia como configurar a seção e abrir a janela usando o botão.

## Configurações do popup

Para criar uma seção de popup, clique no "+" para abrir o menu com as seções. Em seguida, encontre a seção Pop-up no menu que se abre. E clique no popup para adicionar a seção ao seu site:

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

Você pode adicionar qualquer número de seções ao pop-up, por exemplo, criando uma janela de informações na landing page.

Para adicionar uma seção de pop-up, clique no **"Preencher popup"** botão. Uma janela modal se abre com seções que podem ser incorporadas dentro do popup:

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

Você pode adicionar várias seções do site dentro de um popup, criando efetivamente uma mini landing page secundária. A janela suporta um número ilimitado de seções, permitindo layouts flexíveis e abrangentes.

As seções dentro do popup são configuradas de forma idêntica àquelas que você usa para criar o seu site principal.

## Configurações do botão

O popup abrirá no seu site quando um botão for clicado. Você pode usar tanto a **"Menu"** seção quanto a **"Botões"** seção para criar esse botão de acionamento.

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

### Como adicionar um popup à seção "Menu"

Para adicionar um pop-up ao bloco Menu, copie o valor da seção da janela popup:

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

Depois vá para as configurações da seção "Menu":

Etapa 1. Adicione a seção de menu e adicione o botão nas configurações de conteúdo da seção Menu:

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

Etapa 2. Selecione a ação para o botão "Na janela atual":

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

Etapa 3. Adicione o valor do ID do popup ao campo de link:

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

Etapa 4. Salve as configurações do site.

Etapa 5. Teste

Para ver como o popup abre no menu do site, vá para a página do site e clique no botão que você criou no menu.

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

Como você pode ver, o popup abre somente quando você clica no botão, e você pode especificar a ação de destino para o cliente: por exemplo, marcar uma consulta, ler mais etc.

### Como adicionar um popup à seção Botões

Para adicionar um pop-up ao bloco Menu, copie o valor da seção da janela popup:

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

Depois vá para as configurações da seção "Botões":

Etapa 1. Adicione o bloco "Botões" ao site:

<figure><img src="/files/366afce2594184733fa8b1e814f8ba5d8ab35fdf" alt=""><figcaption></figcaption></figure>

Etapa 2. Adicione o botão nas configurações de conteúdo do bloco:

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

Etapa 3. Instale a função de botão de link:

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

Etapa 4. Insira o valor da seção popup no link do botão:

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

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

Etapa 5. Clique no botão salvar para adicionar o botão com link para popup

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

Etapa 6. Teste

Salve as configurações do site. Para ver como o popup abre no menu do site, vá para a página do site:

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

Em seguida, clique no botão que você criou com a função de abrir popup:

<figure><img src="/files/6554663b29dd7813fd240b958d96f5b057cf68e5" alt=""><figcaption></figcaption></figure>

Uma janela popup ajudará a deixar seu site mais leve, torná-lo mais mobile e flexível, além de adicionar informações adicionais sem нарушar a lógica básica e o design do site.


---

# 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/popup.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.