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):
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:
Go to the "Sites" section:
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.
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).
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:
The color and size of the button border:
The color of the text inside the button:
Button background color:
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.
Background settings are global and affect all page sections.
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.
Font settings are global and affect all sections of the page.
Display settings
Using the display settings, you can adjust:
• Section size • Border radius (rounding) • Visibility on different devices • And more
Display settings are global and affect all sections of the page.
Done!
Now you know how to create and edit the Notification (cookie) section.
Last updated