Офіційна документація AppWise CMS v2.7.0 · Оновлено: 20 жовтня 2026
AppWise CMS

Керуйте контентом, дизайном, SEO та операціями з однієї панелі.

AppWise CMS — це модульна панель керування для корпоративних сайтів, каталогів, сторінок продуктів, медіафайлів, багатомовного контенту, форм та аналітичних робочих процесів.

Охоплення панелі Сторінки, продукти, меню, медіа, SEO, мови, користувачі та резервні копії
Призначення Керуйте щоденними операціями сайту без залежності від технічної команди
Рекомендований порядок Налаштування → Контент → Меню → SEO → Перевірка запуску
Контент Сторінки, статті, продукти, меню
Дизайн Тема, колірна палітра, конструктор, шапка, підвал
Інструменти Форми, спливаючі вікна, інтеграції, модулі
Адміністрування Мови, користувачі, безпека, резервні копії

Швидкий старт

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

  1. Введіть назву компанії, URL, контактні дані та глобальний SEO-заголовок у Налаштуваннях сайту.
  2. Завантажте брендові матеріали в розділі Логотип та Фавікон.
  3. Перевірте тему, колірну палітру, шапку, підвал та налаштування шрифтів у розділі Дизайн.
  4. Встановіть активні мови та мову за замовчуванням у розділі Мови / Переклад.
  5. Створіть основні сторінки та структуру категорій у розділі Керування сторінками.
  6. Підключіть сторінки, категорії продуктів або власні посилання з розділу Меню.
  7. Перевірте карту сайту, robots та переадресації в розділі Інструменти SEO.
  8. Завершіть налаштування 2FA та SMTP у розділі Безпека.
Порада: Перед публікацією перевірте slug, мета-заголовок та мета-опис для кожної активної мови.

Інтерфейс панелі

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

  • Бічна панель: Усі модулі та підмодулі. Швидкий доступ через пошук.
  • Верхня панель: Ярлик сайту, вибір мови, дії користувача та швидкий доступ.
  • Робочий простір: Списки, форми, модальні вікна та екрани конструктора.
  • Контекстне меню: Швидкі навігаційні ярлики для сторінок дизайну.
  • Дозволи: Меню та дії можуть бути приховані залежно від ролі користувача.
  • Інформація про версію: Номер версії CMS відображається внизу бічної панелі.
Примітка: Користувачі без дозволу можуть не бачити деякі меню або виконувати дії збереження/видалення.

Керування сторінками

Керування сторінками використовується для корпоративних сторінок, контентних сторінок, лендінгів та сторінок на основі конструктора.

Процес створення нової сторінки

  1. За потреби створіть категорію в розділі Категорії сторінок.
  2. Відкрийте форму сторінки через Керування сторінками → Додати нову.
  3. Оберіть режим контенту: класичний редактор або режим конструктора.
  4. Заповніть назву сторінки, slug та поля контенту для кожної активної мови.
  5. Заповніть SEO-заголовок, мета-опис, ключові слова та теги.
  6. За потреби налаштуйте зображення, іконку, галерею або параметри коментарів.
  7. Після збереження підключіть сторінку до навігації з розділу Меню.

Ключові поля

  • Назва сторінки, підзаголовок, контент та поля відео
  • Slug та SEO-поля для кожної мови
  • Головне зображення, іконка та параметри розміру зображення
  • Галерея, коментарі, FAQ та видимість команди
  • Режим класичного контенту або режим конструктора

Режим конструктора

Режим конструктора дозволяє створювати сторінку за допомогою секцій, колонок та елементів замість одного текстового поля.

Керування статтями

Керування статтями використовується для блогів, новин, оголошень або бази знань.

  • Можна створювати категорії статей.
  • Кожна стаття має slug та SEO-поля для кожної мови.
  • Позиція бічної панелі може бути правою, лівою або вимкненою.
  • Головне зображення та макет списку можна налаштувати.
Найкраща практика: Заголовки статей мають бути короткими, а описи — зрозумілими в результатах пошуку.

Керування продуктами

Керування продуктами використовується для каталогів продуктів, списків послуг та сторінок продуктів на основі запитів.

Процес публікації продукту

  1. Створіть дерево категорій у розділі Категорії продуктів.
  2. Створіть продукт через Керування продуктами → Додати новий.
  3. Призначте продукт до правильної категорії.
  4. Заповніть назву продукту, короткий опис та детальний контент потрібними мовами.
  5. Додайте зображення продукту, галерею та посилання на каталог/файли за наявності.
  6. За потреби створіть додаткові вкладки для технічної інформації, таблиць або документів.
  7. Заповніть SEO-поля та перевірте посилання на фронтенді.

Категорії продуктів

Категорії є ієрархічними. Коренева категорія, дочірня категорія та поведінка бічної панелі продукту працюють разом.

Поля продукту

  • Назва продукту, slug, опис та короткий опис
  • Зображення продукту та галерея
  • Посилання на файли
  • Додаткові вкладки
  • SEO-заголовок, опис, ключові слова та теги
  • Інтеграція форми запиту
Примітка: Перевірте вибір категорії та налаштування кореня бічної панелі, щоб продукт відображався у правильному дереві бічної панелі.

Галерея та файли

Керування медіа складається з галерей зображень та файлів для завантаження та управління.

  • Галерея: Підключайте списки зображень до контенту або модулів.
  • Файли: Керуйте PDF-файлами, каталогами, технічними документами та подібними файлами.
  • Зображення можна використовувати в контенті, продуктах, галереях або елементах конструктора.
Примітка: Дуже великі зображення уповільнюють сторінки. Використовуйте зображення, оптимізовані для вебу.

Тема та зовнішній вигляд

Розділ «Дизайн» контролює зовнішній вигляд сайту. Тут керують вибором теми, колірною палітрою, шрифтом, розміром хлібних крихт, шапкою, підвалом та власними CSS-налаштуваннями.

Рекомендований порядок налаштування дизайну

  1. Спершу оберіть активну тему.
  2. Завантажте логотип та фавікон (підтримується світлий та темний логотип).
  3. Перевірте фон шапки та поведінку меню.
  4. Оберіть готову колірну палітру з Color Market або налаштуйте кольори окремо.
  5. Оберіть шрифт сайту.
  6. Встановіть розмір хлібних крихт (За замовчуванням, Малий, Великий).
  7. Налаштуйте колонки підвалу та вміст віджетів.
  8. Окремо перевірте мобільний вигляд.

Color Market

Color Market дозволяє застосувати кольори сайту одним кліком з готових палітр. Доступно 25 шаблонів у 5 галузевих категоріях: Корпоративний, Клініка & Здоров'я, Школа & Освіта, Блог & Журнал, Електронна комерція, Ресторан & Кафе, Готель & Подорожі, Природа та Креатив.

  • Готові палітри: Застосовує 6 кольорів + шрифт одним кліком.
  • Обрані палітри: Позначте зірочкою часто використовувані палітри, щоб закріпити їх вгорі.
  • Мої власні палітри: Збережіть поточні кольори з назвою та застосуйте пізніше (до 20 на сайт).
  • Експорт/імпорт кольорів: Створіть резервну копію колірних налаштувань у JSON або перенесіть на інший сайт.

Колірні поля

  • Основний колір (головні кнопки та акценти)
  • Вторинний колір
  • Колір тексту
  • Колір заголовків
  • Колір фону
  • Колір фону верхньої панелі
  • Колір фону підвалу
  • Колір фону хлібних крихт
  • Оберіть з попередньо встановлених кольорів або введіть власний HEX-код

Шрифт та макет

  • Вибір шрифту сайту (підтримка Google Fonts або системний шрифт)
  • Розмір хлібних крихт: За замовчуванням, Малий або Великий
Найкраща практика: Після зміни теми перевірте головну сторінку, сторінку продукту, категорію та контактну сторінку разом. Тестуйте попередній перегляд кольорів на різних типах сторінок.

Структура конструктора

AppWise CMS включає Конструктор головної сторінки, Конструктор сторінок та Конструктор контактів. Конструктор використовується для керування сторінками у вигляді блоків.

Як працює конструктор

  1. Секція — це горизонтальна область сторінки.
  2. Колонка визначає структуру колонок всередині секції.
  3. Елемент — це компонент контенту, розміщений всередині колонки.
  4. Кожен елемент може мати власний контент, зображення, посилання та мовні поля.
  5. Порядок на фронтенді відповідає порядку, встановленому в конструкторі.

Стандартні елементи

БанерФорматований текстАкордеонСлайдер логотипівСтатистикаКомандаВідгукиТарифиХронологіяHTML-блокРозділювачВкладковий контентВідеоФорма запитуЗображення

Теми можуть визначати власні додаткові елементи, тому доступні елементи можуть відрізнятися залежно від активної теми.

Примітка: HTML-блок є потужним, але використовувати його слід обережно. Невалідний HTML може порушити макет сторінки.

Форми та заявки

Розділ «Форми та заявки» використовується для керування записами, надісланими відвідувачами. Кількість непрочитаних записів відображається на бічній панелі.

  • Контактна форма: Повідомлення відвідувачів та контактні запити.
  • Форма кадрів: Заявки на роботу та подання резюме.
  • Форма розрахунку вартості: Запити на розрахунок вартості.
  • Форма замовлення: Замовлення продуктів або послуг.
  • Форма запиту: Загальні записи запитів на продукти/послуги.

Записи форм можна відстежувати за статусом прочитання. Деякі форми можуть не відображатися, якщо пов'язані модулі неактивні.

Інтеграції

Сторонні сервіси та інструменти сайту керуються з розділу інтеграцій.

  • Спливаюче вікно розсилки: Спливаюче вікно для збору email-адрес.
  • Кнопка WhatsApp: Фіксована кнопка контакту через WhatsApp.
  • Онлайн-підтримка: Інтеграція живого чату.
  • Повідомлення про cookie: Панель згоди на cookie відповідно до GDPR.
  • Тест швидкості: Аналіз продуктивності швидкості сайту.
  • Розмітка Schema: Структурована розмітка даних для пошукових систем.
Порада: Увімкніть повідомлення про cookie перед запуском для відповідності GDPR.

Контакти та соціальні мережі

Контактна інформація компанії та акаунти соціальних мереж керуються з цього розділу. Ці дані автоматично використовуються у підвалі, на сторінці контактів та в модулях.

  • Контакти: Телефон, електронна пошта, адреса та інформація про карту.
  • Соціальні мережі: Facebook, Instagram, Twitter/X, LinkedIn, YouTube та посилання на інші платформи.

Відгуки та рейтинги

Коментарі відвідувачів та відгуки на продукти керуються з цього розділу.

  • Коментарі до сторінок/статей: Затвердження, видалення та керування коментарями відвідувачів.
  • Відгуки на продукти: Записи рейтингів та відгуків на продукти.
  • Коментарі працюють із системою затвердження — вони проходять перевірку адміністратором перед публікацією.

Модулі

Система модулів використовується для увімкнення або вимкнення функцій CMS та керування структурами типів сторінок/плагінів.

Приклади модулів

ГоловнаПродуктиКошикКонтактиFAQРеференціїНаша командаТарифиРозрахунок вартостіЗамовленняКадриРобочі годиниФорма запитуСторінка помилки

Кожен модуль можна активувати або деактивувати. Модулі автоматично створюють відповідну сторінку та меню на фронтенді.

Примітка: Обов'язкові модулі необхідні для системи і не повинні бути видалені.

SEO та вебмайстер

Інструменти SEO керують видимістю в пошукових системах та технічними переадресаціями.

Процес перевірки SEO

  1. Використовуйте унікальний slug для кожної сторінки, продукту та статті.
  2. Пишіть короткі та змістовні мета-заголовки.
  3. Пишіть мета-описи, що передають суть фактичного вмісту сторінки.
  4. Якщо URL-адреса змінюється, переадресуйте стару URL-адресу на нову.
  5. Перевірте карту сайту та robots.txt перед запуском.
  6. Перевірте коди Google Analytics та Search Console.
  • Налаштування Google Analytics
  • Налаштування Google Search Console
  • Керування картою сайту
  • Керування robots.txt
  • Налаштування RSS
  • Керування переадресаціями (301/302)
  • Керування slug / посиланнями
  • Помилкові URL-адреси (відстеження 404)
  • Записи невдалих входів
  • Записи журналу OTP
  • Очищення кешу
Порада: Після зміни URL-адрес переадресуйте старі посилання на нові через Керування переадресаціями.

Аналітика відвідувачів

Аналітика відвідувачів допомагає переглядати щоденну активність відвідувачів та популярні сторінки.

  • Щоденні відвідувачі та деталі
  • Популярні сторінки
  • Джерела відвідувачів та інформація про пристрої

Ці звіти допомагають зрозуміти, який контент привертає більше уваги, та спрямовувати контентну стратегію.

Мови та переклад

Керування мовами контролює контент фронтенду та мову панелі. Тут керують активними мовами, мовою за замовчуванням та порядком мов. Інтерфейс панелі підтримує 18 мов.

Процес додавання нової мови

  1. Відкрийте Мови / Переклад → Керування мовами.
  2. Оберіть мову з неактивних мов.
  3. Активуйте мову та встановіть її порядок.
  4. За потреби змініть мову за замовчуванням.
  5. Заповніть сторінки, продукти, меню, модулі та вміст підвалу для нової мови.
  6. Перевірте порядок мов та активну мову на фронтенді.
  • Керування активними / неактивними мовами
  • Вибір мови за замовчуванням
  • Порядок мов
  • Переклади інтерфейсу панелі
  • Переклади тексту сайту (фронтенд)
  • Синхронізація перекладу контенту
Примітка: Після додавання нової мови вміст сторінок, продуктів, меню та модулів повинен бути заповнений для цієї мови.

Користувачі та дозволи

Розділ «Користувачі» керує обліковими записами адміністраторів, мовою панелі та дозволами.

  • Суперадмін: Має всі дозволи. Може отримувати доступ до резервних копій та системних налаштувань.
  • Адмін: Працює з дозволами на основі модулів.
  • Дозволи поділяються на дії: перегляд, створення, редагування та видалення.
  • Мову панелі можна призначити кожному користувачу.
  • Облікові записи користувачів можна активувати або деактивувати.
Найкраща практика: Надавайте щоденним редакторам контенту доступ лише до необхідних їм модулів.

Безпека та вхід

Налаштування безпеки контролюють доступ до панелі та безпеку облікових записів користувачів.

Вхід та сеанс

  • Вхід за допомогою імені користувача або електронної пошти.
  • Запам'ятати мене: Коли увімкнено, сеанс залишається активним протягом 30 днів. Автоматичний вхід відбувається навіть після закриття браузера.
  • Коли сеанс закінчується або браузер закривається, токен безпеки автоматично оновлюється.
  • Невдалі спроби входу записуються в журнал.

Двофакторна автентифікація (2FA)

  • 2FA вмикається в Налаштуваннях → Безпека.
  • Після входу запитується OTP-код через електронну пошту або додаток-автентифікатор.
  • Резервні коди: Якщо доступ до OTP втрачено, для входу можна використати резервні коди.
  • Довіра до пристрою: Пристрої, позначені як довірені, не запитуватимуть OTP протягом 90 днів.

Керування паролями

  • Скидання пароля виконується через електронну пошту.
  • Пароль можна змінити з панелі.
  • Дата оновлення пароля записується.
Примітка: Обов'язково збережіть резервні коди перед вимкненням 2FA.

SMTP та електронна пошта

Налаштування SMTP необхідні для роботи електронних листів, що надсилаються з панелі (скидання пароля, OTP, сповіщення форм).

  • Налаштовуються адреса SMTP-сервера, порт та тип шифрування (SSL/TLS).
  • Встановлюються ім'я відправника та адреса електронної пошти.
  • Конфігурацію можна перевірити, надіславши тестовий лист.
Примітка: Без налаштування SMTP листи скидання пароля, OTP та сповіщення форм не можуть бути надіслані.

Резервне копіювання

Розділ «Резервне копіювання» використовується для операцій резервного копіювання бази даних, файлів та системного рівня.

  • Резервна копія бази даних: Створює резервну копію всіх таблиць у форматі SQL.
  • Резервна копія файлів: Створює резервну копію зображень та завантажених файлів.
  • Системна резервна копія: Повний знімок системи (лише для суперадміна).
  • Резервна копія для міграції: Готова резервна копія для міграції сервера (лише для суперадміна).
  • Очищення сховища: Очищає невикористовувані файли (лише для суперадміна).
  • Журнал записів власника: Історія операцій системного рівня.
Примітка: Перед значними оновленнями створіть резервні копії як бази даних, так і файлів.

Контрольний список запуску

Використовуйте цей контрольний список перед запуском нового сайту або значного оновлення контенту.

Порада: Використовуйте цей список як частину процесу передачі клієнту для кожного проєкту.

Часті запитання

Моя сторінка не з'являється в меню. Що робити?

Створення сторінки не додає її автоматично до навігації. Додайте відповідну сторінку як пункт меню з розділу Меню.

Я додав мову, але контент порожній.

Рядки перекладу створюються при додаванні нової мови, але текст контенту потрібно заповнити вручну.

Бічна панель продукту відкривається неправильно.

Перевірте категорію продукту та налаштування бічної панелі продукту/модуля. За потреби використовуйте налаштування кореня бічної панелі.

Коли потрібно оновлювати карту сайту?

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

Елемент конструктора не відображається на фронтенді.

Переконайтеся, що елемент активний, підтримується обраною темою та його поля контенту заповнені.

Я застосував палітру з Color Market, але вона мені не подобається. Чи можу я повернути старі кольори?

Так. Якщо ви раніше експортували колірні налаштування у JSON, ви можете відновити їх через імпорт. Або ви можете повторно застосувати палітру, збережену у ваших власних палітрах.

Я увімкнув 2FA, але втратив телефон.

Ви можете увійти за допомогою одного з резервних кодів, наданих при увімкненні 2FA. Якщо у вас немає резервних кодів, зверніться до системного адміністратора.

Що станеться, якщо налаштування SMTP не налаштовані?

Листи скидання пароля, перевірки OTP та сповіщення форм не можуть бути надіслані. Обов'язково налаштуйте параметри SMTP перед запуском.

Мій сеанс закінчується занадто швидко.

Позначте опцію «Запам'ятати мене» на екрані входу. Це збереже ваш сеанс активним протягом 30 днів (якщо ви не вийдете вручну).