Будь-який вебсайт — багатосторінковий чи лендинг — складається з однієї або кількох сторінок, кожна з яких містить певний вміст.

Як ми вже обговорювали, вміст сторінки поділяється на блоки (секції), які визначають структуру та тип вмісту на сайті.

У конструкторі MaviBot існують різні типи блоків (секцій), кожен з яких додається на сайт зі своїми індивідуальними налаштуваннями.

  • Zero block
    Це блок без жодних попередньо заданих налаштувань — що дозволяє розмістити будь-який вміст та найрізноманітніші елементи сайту відповідно до вашого унікального дизайну. На відміну від інших блоків, елементи в Zero Block можна розташовувати в будь-якій кількості та в будь-якому порядку. Zero Block може слугувати будь-якою секцією вебсайту — наприклад, меню, футером, формою захоплення лідів, галереєю тощо.
  • Cover
    Блок, призначений для додавання зображення або відео разом із заголовком.
    Традиційно блок cover використовується як візуальне введення або візитівка сайту — зазвичай це перше, що бачать відвідувачі, потрапляючи на ваш вебсайт.
  • Заголовок і текст
    Текстовий блок, що включає заголовок та основний текст. Цей блок зазвичай використовується для представлення ключової інформації, описів або пояснень на вашому сайті.
  • Меню
    Використовується для створення хедера або футера з навігаційними кнопками (також можна налаштувати як плаваюче меню).
  • Онлайн-бронювання
    Дозволяє додати форму онлайн-бронювання для клієнтів (підключену до попередньо налаштованих філій) з автоматичною інтеграцією в CRM.
  • Таймлайн
    Блок для оформлення унікального макету сайту з хронологічною послідовністю подій.
  • Акордеон
    Використовується для відображення інформації у форматі запитань та відповідей, що згортаються, або вмісту, що розгортається.
  • HTML
    Цей блок дозволяє вставляти власний HTML та CSS код безпосередньо на сторінку.
  • Форма
    Блок для додавання кнопок месенджерів, запитань, угод про конфіденційність тощо.
  • Форми-вікторини
    Блок для створення багатокрокових вікторин або опитувань на вебсайті.
  • Медіа
    Використовується для вставки зображень або відеоконтенту на ваш вебсайт.
  • Кнопки
    Блок для додавання кнопок, які посилаються на URL-адреси, номери телефонів, електронні листи або сторінки оплати.
  • Цитата
    Блок для виділення цитати або відгуку.
  • Список
    Дозволяє створювати впорядковані (нумеровані) та невпорядковані (марковані) списки.
  • Текст, що випадає
    Блок для додавання тексту, який розгортається/згортається при натисканні.
  • Галерея
    Використовується для відображення колекції зображень у форматі галереї.
  • Спливаюче вікно
    Дозволяє створювати модальні спливаючі вікна на вебсайті.
  • Користувацькі картки
    Чудово підходить для демонстрації відгуків клієнтів або інформації про товари у форматі карток.
  • Картки курсів
    Використовується для продажу онлайн-курсів безпосередньо на вашому сайті — не потребує ручного налаштування, оскільки дані курсу автоматично підтягуються з розділу «Онлайн-курси».
  • Список уроків
    Виберіть курс у налаштуваннях блоку, і всі уроки з цього курсу відобразяться автоматично.
  • Таймер зворотного відліку
    Блок для додавання таймера зворотного відліку, корисний для обмежених за часом пропозицій або запусків.
  • Таблиці
    Дозволяє організовувати та відображати структуровані дані у форматі таблиці.
  • Згода на файли cookie
    Блок відповідності, який відображає інформацію про політику файлів cookie — інформує користувачів про те, які дані зберігаються та як вони покращують їхній досвід.

Щоб увійти в режим редагування сторінки вебсайту, натисніть на плитку потрібного сайту, щоб відкрити його налаштування.

Якщо ви щойно створили новий багатосторінковий вебсайт, вам не потрібно нікуди переходити — ви вже будете на вкладці з налаштуваннями та сторінками сайту.

Потім натисніть на конкретну сторінку вебсайту, яку ви хочете редагувати.

Після цього відкриється форма редагування сторінки, де ви зможете додавати або видаляти блоки (секції) сайту, змінювати шрифти, фон сторінки тощо.

Ось комбінації клавіш для входу в режим повноекранного редагування:

Ctrl+shift+X або Cmd+shit+X

Як додати новий блок

Щоб додати новий блок, наведіть курсор на будь-яке порожнє місце в робочій області. Натисніть кнопку "+", яка з'явиться. Потім у правій частині екрана відкриється меню, де ви зможете вибрати потрібний тип блоку.

Детальні налаштування кожного блоку розглядаються в розділі "Блоки сайту".

Як видалити блок

Щоб видалити непотрібний блок, наведіть на нього курсор і знайдіть відповідну кнопку “Видалити”.

Натисніть “Видалити”, щоб остаточно видалити секцію.

Зверніть увагу!

Цю дію не можна скасувати.

Як приховати блок

Якщо ви не хочете видаляти блок або вам потрібно тимчасово його приховати, наведіть курсор на блок і натисніть кнопку “Вимк.”.

Натисніть кнопку, щоб приховати секцію. Натисніть її знову, щоб показати.

Як скопіювати блок

Щоб дублювати секцію, наведіть на неї курсор і натисніть кнопку "Копіювати". Копія буде автоматично додана на ту саму сторінку. Це корисно для створення варіацій з різними налаштуваннями (наприклад, для окремих пристроїв).

Натисніть кнопку "Копіювати", щоб дублювати секцію. Копія з'явиться безпосередньо під оригіналом.

Як редагувати вміст блоку

Щоб редагувати секцію, наведіть на неї курсор і натисніть кнопку "Вміст".

Меню редагування вмісту відкриється праворуч для всіх типів блоків, крім Zero block.

Zero Block, однак, редагується в окремому вікні.

Щоб дізнатися, як редагувати будь-який блок і зрозуміти призначення різних функцій та налаштувань, зверніться до розділу “Блоки сайту”.

Налаштування блоку

Використовуйте кнопку "Редагувати" для вмісту. Для всіх інших налаштувань стилю та видимості натисніть кнопку "Налаштування" (стосується всіх блоків, крім Zero block).

Налаштування шрифту, фону та відображення є універсальними та працюють однаково для всіх блоків.

Дізнайтеся більше про ці універсальні налаштування в статті "Блоки сайту", у відповідному розділі.

Налаштування відображення

Це меню дозволяє налаштувати відображення блоку для поточної сторінки та віджета підписки Facebook. Ви також можете оптимізувати його зовнішній вигляд для різних пристроїв, керуючи видимістю залежно від розміру екрана.

Блок підписки Facebook має фіксовані розміри. Тому параметри Ширина секції та Ширина вмісту недоступні, і будь-які встановлені значення не застосовуватимуться.

Діапазон видимості

Ви можете налаштувати блок так, щоб він був видимим лише в певному діапазоні розмірів екрана за допомогою налаштувань відображення.

Використовуйте це для створення мобільно-оптимізованої версії вмісту, призначеної для смартфонів та інших портативних пристроїв.

Ви можете створити одну секцію, дублювати її та адаптувати кожну копію для різного розміру екрана.