# Notification section (cookies) **Cookies (or HTTP cookies)** are special data stored in the browser to store information about user activity on the site. They allow the system to recognize the user: this way you can track site visitors in analytics, view the number of unique users, the number of bot connections, requests, total conversion, and the number of sessions.

To inform users that the site collects anonymized information about site visitors, you need a cookie banner (cookie files):

Пример отображения уведомления о cookie на сайте

There is a section in Mavibot website builder that will help inform users about the use of cookies on the site. ## How to add a section First, you need to switch to the editing mode of the site page. To do this: 1. Go to the "Sites" section:

2. Select the website to whose page you want to add a cookie notification, and click on the website banner:

а) if there is a multi-page site, then you will go to the site settings in the section with the display of all existing site pages:

Select the page to display the cookie notice—usually the main page. You will then enter that page's editing mode. **For single-page sites** (landing pages, forms, quizzes, surveys): Clicking the site banner takes you to a general info section. Click the **"Edit"** button there to enter the page's editing mode. ### How to create the Notification section on a site In the page editor, hover over the workspace to make the **"+"** button appear.

{% hint style="info" %} The cookie notification section can be positioned anywhere on a page—at the top, middle, or bottom. The notification will appear immediately when a user visits that page on a multi-page site or lands on a single-page site (like a landing page, form, quiz, or survey). {% endhint %} Next, click the plus to open the right bar with a list of sections for the page:

Next, click on the "Notification" to add a cookie section to the website:

The Notification section will be added to the site, and the sidebar for editing cookie content will open automatically on the right.

## How to edit the Notification section content Use the "Text" field to modify the notification content.

By default, the section displays the text: "We use cookies to ensure the best experience on our website." You can also change the button text.

The button text is set to "GOT IT, DON'T SHOW THIS AGAIN" by default. You can format the notification and button text using standard text editor options, including: * Style (bold, italic, underline) * Font size and color * Text alignment * Adding lists (bulleted or numbered) * Inserting hyperlinks * Text highlighting

For example, you can highlight the notification text for emphasis or add a hyperlink (within the text or on the button) that directs users to a file with detailed cookie policy information. After finishing with the text content elements, you can go to the section settings. Click on "Save and close" to close the right content editing bar. ## Settings To go to the section settings, hover over the cookies section and click on the "Settings" button:

You will see the right bar for content settings (section and buttons), fonts, background, display:

### Section settings #### Position

The cookie files notification can be positioned at the bottom left (default position), bottom right, or full width at the bottom. ### Button settings By default, a blue button is displayed in the section:

The button can be completely customized to fit your website's design using these settings:

There are the following customization settings for the button: 1. **The color and size** of the button border:

2. **The color of the text inside the button:**

3. **Button background color:**

4. Padding and margin These settings allow you to adjust the spacing. Use **Padding** to set the inner space within the button (between the text and its border). Use **Margin** to set the outer space between the notification text and the button itself.

### Background settings To change the notification section's background, go to the **Background** settings.

Expand the **Background** settings tab. From there, you can: • Upload an image for the background.\ • Choose a background color or create a gradient.

Click on the color tile to open the color palette. Then, select your gradient type (linear or radial) from the drop-down list.

Then, select the colors for your gradient.

{% hint style="info" %} Background settings are global and affect all page sections. {% endhint %} ### Notification font settings Font settings are **global** and apply to all sections across the site's pages.

You can choose any font for the section and button, or upload your own. You can also set the font style, size, and other properties. {% hint style="info" %} Font settings are global and affect all sections of the page. {% endhint %} ### Display settings Using the display settings, you can adjust: • Section size \ • Border radius (rounding) \ • Visibility on different devices \ • And more

{% hint style="info" %} Display settings are global and affect all sections of the page. {% endhint %} {% hint style="success" %} Done! Now you know how to create and edit the Notification (cookie) section. {% 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/websites/sites/blocks/cookies.md?ask= ``` 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.