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:

Here you need to select the page where you want to place the cookie files notification. Traditionally, the main page of the website is used to display the notification.

Then you will switch to the main page editing mode:

б) if the site is a single-page (landing page, form, quiz, survey), then during clicking on the site banner:

You will be redirected to the general information section about the landing page (form, quiz, survey), where information about applications is displayed. In turn, you need to find the "Edit" button and click on it:

Then you will switch to the landing page editing mode (quiz, form, survey):

Now you can proceed to the creation of the section and its settings.

Creating a section on a website page

In the editing mode of a website page (landing page, quiz, form, or survey), hover over the editing workspace to find the "+" button:

The "Notification" section (cookie) can be added to any part of the site: either at the beginning, in the middle, or at the end. A notification about cookies will pop up as soon as the user visits this page, if the site is multi-page, or goes to a landing page (form, quiz, 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 right bar for editing cookie content will automatically open:

Editing Section Content

In the "Text" field, you can change the text of the notification itself:

By default, the section displays the text "We use cookies to ensure the best possible interaction with the site."

You can also change the text of the button:

By default, the text "OK, don't show anymore" is displayed in the button.

There are various settings for the notification text and button, similar to any text editor:

the outline;
bold;
italics;
underline;
font size;
color;
text selection;
adding a link directly to the text;
alignment;
adding a marked list, etc.:

For example, you can highlight the text of the notification more vividly, as well as add a link in the text and on the button leading to a file with detailed information about the purpose of cookies.

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 settings section, 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.

It will look like this:

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 inside

GIF

For paddings settings between the text and the border of the button

Paddings outside

For padding settings between the notification text and the button.

Background Settings

To change the background of the notification bar, go to the background settings:

Expand the background settings tab where you can:

Upload an image for the notification background;
Choose a background color, including making a gradient:

To do this, click on the color tile:

You will see colors palette:

Next, select the gradient type (linear or radial) from the drop-down list:

Then select the colors for the gradient:

The background settings refer to the universal section settings, which means that these settings are similar for all sections of the page.

For more information about the background settings, see the Background Settings article.

Notification Font Settings

Font settings refer to the universal settings of the sections of the site pages.

You can choose any font you like for the section and button, as well as upload your own, if necessary; set the font type, size, etc.

Font settings refer to the universal section settings, which means that these settings are similar for all sections of the page.

Read more information about background settings in the article of the same name.

Display Settings

Using the display settings, you can adjust:

section size;
rounding up section borders;
visibility on devices and much more.:

The display settings refer to the universal section settings, which means that these settings are similar for all sections of the page.

Read more about the display settings in the article of the same name.

Done!

Now you know how to create and edit the Notification (cookie) section.

Last updated 2 months ago