Візуальний редактор секції
Візуальний редактор секції
Візуальний редактор — основний спосіб редагування секцій. Тут ви змінюєте кольори, тексти та зображення без написання коду, одразу бачачи результат.
Як відкрити редактор
- В списку секцій натисніть кнопку ✏️ Редагувати поряд із потрібною секцією
- Відкриється редактор з попереднім переглядом ліворуч та панеллю керування праворуч
Попередній перегляд
Ліворуч показується реальний вигляд секції. Перемикайте вигляд кнопками вгорі:
- 📱 Мобільний — як виглядає на телефоні (390px)
- 📱 Планшет — як виглядає на планшеті (768px)
- 🖥 Десктоп — повна ширина
Більшість відвідувачів переглядають лендинги на телефоні — перевіряйте вигляд у мобільному режимі.
Панель "Кольори та розміри"
На правій панелі є поля для зміни змінних секції:
| Елемент | Що робить |
|---|---|
| Color picker (квадрат з кольором) | Натисніть — відкриється вибір кольору. Можна вибрати мишею або ввести HEX-код (#ff0000) |
| Текстове поле | Введіть текст, число або URL — наприклад заголовок, ціну або посилання на кнопку |
| Слайдер | Перетягніть повзунок для зміни розміру або відступу (у пікселях) |
| Випадаючий список | Оберіть варіант зі списку (наприклад: вирівнювання тексту) |
Зміни відображаються в попередньому перегляді одразу після введення.
Завантаження зображень
- На панелі права є розділ "Зображення"
- Натисніть "Вибрати файл" або перетягніть зображення в зону
- Зображення завантажиться та автоматично встановиться для поточної секції
Підтримувані формати: JPG, PNG, WebP, GIF, SVG
Максимальний розмір: 5 МБ на файл
Як зберегти зміни
- Натисніть кнопку "Зберегти" у верхньому правому куті
- Або натисніть Ctrl+S (Windows) / Cmd+S (Mac)
Зелений значок "Збережено" підтверджує, що зміни записані.
Редагування варіанту B (A/B тест)
Якщо для секції активний A/B тест, у верхній частині редактора з'являться вкладки "Варіант A" та "Варіант B". Перемикайтесь між ними для редагування кожного варіанту окремо.