# Popup section

A popup is a window that appears over a webpage, typically triggered by a user's action on a landing page. It can contain a data collection form, a text block, a gallery, or any other section type available in the MaviBot builder.

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

The target action for popup in the MaviBot builder is to click on the button containing the section value.

Read on how to set up the section and open the window using the button.

## Popup settings

To create a popup section, click on the "+" to open the menu with sections. Then find the Pop-up section in the menu that opens. And click on the popup to add the section to your site:

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

You can add any number of sections to the pop-up by making, for example, an information window on the landing page.

To add a pop-up section, click on the **"Fill in popup"** button. A modal window opens with sections that can be embedded inside the popup:

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

You can add multiple site sections inside a popup, effectively creating a secondary mini-landing page. The window supports an unlimited number of sections, allowing for flexible and comprehensive layouts.

The sections inside the popup are configured identically to those you use to design your main site.

## Button settings

The popup will open on your website when a button is clicked. You can use either the **"Menu"** section or the **"Buttons"** section to create this trigger button.

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

### How to add a popup to the "Menu" section

To add a pop-up to the Menu block, copy the value of the popup window section:

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

Then go to the settings of the "Menu" section:

Step 1. Add the menu section and add the button in the content settings of the Menu section:

<figure><img src="/files/7sdA5EgDNFApuxOd1GxO" alt=""><figcaption></figcaption></figure>

Step 2. Select the action for the "In the current window" button:

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

Step 3. Add the popup ID value to the link field:

<figure><img src="/files/1cSNlmoxnN0DENplPxBu" alt=""><figcaption></figcaption></figure>

Step 4. Save the site settings.

Step 5. Testing

To see how the popup opens in the website menu, go to the site page and click on your created button in the menu.

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

As you can see, the popup opens only when you click on the button, and you can specify the target action for the client: for example, make an appointment, read more, etc.

### How to add a popup to the Buttons section

To add a pop-up to the Menu block, copy the value of the popup window section:

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

Then go to the settings of the "Buttons" section:

Step 1. Add the "Buttons" block to the site:

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

Step 2. Add the button in the block content settings:

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

Step 3. Install the link button function:

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

Step 4. Enter the value from the popup section in the button link:

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

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

Step 5. Сlick on the save button to add the button with popup link

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

Step 6. Testing

Save the site settings. To see how the popup opens in the website menu, go to the website page:

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

Next, click on your created button with the popup opening function:

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

A popup window will help to unload your site, make it more mobile and flexible, as well as add additional information without violating the basic logic and design of the 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/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.
