Site pages
Any website — whether multi-page or a landing page — consists of one or more pages, each containing specific content.
As we've already discussed, the page content is divided into blocks (sections), which define the structure and type of the content on the site.
In the MaviBot builder, there are various types of blocks (sections), each of which is added to the site with its own individual settings.
Zero block This is a block without any predefined settings — allowing you to place any content and a wide variety of site elements according to your unique design. Unlike other blocks, elements in a Zero Block can be arranged in any quantity and in any order. The Zero Block can serve as any section of the website — such as a menu, footer, lead capture form, gallery, and more.
Cover A block designed for adding an image or video along with a headline. Traditionally, the cover block is used as the visual introduction or business card of the site—it's typically the first thing visitors see when they land on your website.
Title and text A text block that includes a headline and body text. This block is commonly used to present key information, descriptions, or explanations on your site.
Menu Used to create a header or footer with navigation buttons (can also be set as a floating menu).
Online booking Allows you to add an online booking form for clients (connected to pre-configured branches) with automatic integration into CRM.
Timeline A block for designing a unique site layout with a chronological sequence of events.
Accordion Used to display information in a collapsible Q&A or expandable content format.
HTML This block allows you to insert custom HTML and CSS code directly onto the page.
Form A block for adding messenger buttons, questions, privacy policy agreements, and more.
Quiz forms A block for creating multi-step quizzes or surveys on the website.
Media Used to insert images or video content into your website.
Buttons A block for adding buttons that link to URLs, phone numbers, emails, or payment pages.
Quote A block for highlighting a quote or testimonial.
List Allows you to create ordered (numbered) and unordered (bulleted) lists.
Dropdown text A block for adding text that expands/collapses when clicked.
Gallery Used to display a collection of images in a gallery format.
Pop-up Enables the creation of modal pop-up windows on the website.
Custom cards Great for showcasing customer testimonials or product information in a card format.
Course cards Used for selling online courses directly on your site — no need for manual setup, as course data is automatically pulled from the “Online Courses” section.
Lesson list Select a course in the block settings, and all lessons from that course will be displayed automatically.
Countdown timer A block for adding a countdown timer, useful for limited-time offers or launches.
Tables Lets you organize and display structured data in table format.
Cookie consent A compliance block that displays cookie policy information — informing users what data is stored and how it improves their experience.
To enter the editing mode of a website page, click on the tile of the desired website to open its settings.
Then click on the specific page of the website you want to edit.
Then the page editing form will open, where you can add or remove site blocks (sections), change fonts, page background, and more.
Here are keyboard shortcuts for entering fullscreen editing mode:
Ctrl+shift+X or Cmd+shit+X
How to add a new block
To add a new block, hover over any empty space in the working area. Click the "+" button that appears. A menu will then open on the right side of the screen where you can select the desired block type.
How to delete a block
To delete an unnecessary block, hover it and locate the corresponding “Delete” button.
Click “Delete” to remove the section permanently.
How to hide a block
If you don’t want to delete a block or need to temporarily hide it, hover over the block and click the “Off” button.
Click the button to hide the section. Click it again to show it.
How to copy a block
To duplicate a section, hover over it and click the "Copy" button. The copy will be added to the same page automatically. This is useful for creating variations with different settings (e.g., for separate devices).
Click the "Copy" button to duplicate the section. The copy will appear directly below the original.
How to edit a block content
To edit a section, hover over it and click the "Content" button.
A content editing menu will open on the right for all block types except the Zero block.
The Zero Block, however, is edited in a dedicated window.
To learn how to edit any block and understand the purpose of different features and settings, please refer to the “Site blocks” section.
Block settings
Use the "Edit" button for content. For all other styling and visibility settings, click the "Settings" button (applies to all blocks except the Zero block).
Font, background, and display settings are universal and function similarly across all blocks.
Learn more about these universal settings in the "Site blocks" article, in the relevant section.
Display settings
This menu allows you to configure the block’s display for the current page and the Facebook subscription widget. You can also optimize its appearance for different devices by controlling visibility based on screen size.
The Facebook subscription block has fixed dimensions. Therefore, the Section width and Content width parameters are unavailable and any values set will not apply.
Visibility range
You can set the block to be visible only within a specific screen size range using the display settings.
Use this to build a mobile‑optimized version of the content, designed for smartphones and other handheld devices.
You can create one section, duplicate it, and adapt each copy for a different screen size.
Last updated