HugeProfitДокументаціяУвійти
Дизайн і сторінки

Сторінки: створення, редагування, адреси

Кожна сторінка сайту складається з блоків — банерів, підбірок товарів, тексту, запитань і відповідей. Ви збираєте сторінку з блоків, як конструктор, і бачите результат одразу.

Список сторінок

Редактор сайту → «Сторінки». Тут усі сторінки магазину з адресами й кількістю блоків, пошук за назвою, і кнопки «Відкрити →», «Дублювати», «Видалити».

Список сторінок магазину

Системні сторінки

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

СторінкаАдреса на сайтіЩо це
Головна (home)/Перша сторінка магазину
catalog/catalogКаталог усіх товарів з пошуком і фільтрами. Над і під каталогом можна додати свої блоки
about/about«Про нас»
product-template/product/…Шаблон сторінки товару — спільний для всіх товарів

Як створити нову сторінку

Наприклад, «Доставка і оплата», «Повернення», «Контакти», «Акції».

  1. У розділі «Нова сторінка» залиште «Тип сторінки» — «Звичайна сторінка».
  2. «Slug (адреса сторінки)» — латиницею, малими літерами, цифри й дефіс. Наприклад dostavka — сторінка буде за адресою /dostavka.
  3. «Заголовок (SEO title)» — назва сторінки у вкладці браузера та в Google, наприклад «Доставка і оплата».
  4. Галочка «Індексувати в пошукових системах» — поставте, якщо сторінка має потрапляти в Google (можна ввімкнути пізніше).
  5. Натисніть «Створити сторінку» — відкриється редактор нової, поки порожньої сторінки.
Форма створення нової сторінки

⚠️ Нова сторінка не з’являється в меню сама. Додайте на неї посилання: «Налаштування» → «Меню в шапці» або «Меню в підвалі», посилання /dostavka.

💡 Створена сторінка одразу доступна на сайті за своєю адресою — навіть поки вона порожня. Заповніть її відразу після створення.

Редактор сторінки

Редактор порожньої сторінки
Порожня сторінка: ліворуч — «Додати блок», посередині — перегляд, праворуч — налаштування блока
  • Ліворуч — «Блоки» цієї сторінки і під ними «Додати блок» з пошуком.
  • Посередині — живий перегляд сторінки. Перемикач «🖥 ПК / 📱 Моб.» вгорі показує, як вона виглядає на комп’ютері й телефоні.
  • Праворуч — «Налаштування блока»: поля вибраного блока.
  • Вгорі — перемикач між сторінками (список), адреса сторінки з олівцем ✎ для перейменування, SEO-заголовок, галочка «Індексувати», «Зберегти», «Опублікувати», «Історія версій».

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

  1. Натисніть потрібний блок у списку «Додати блок» — наприклад, «Текстовий блок». Блок додасться в кінець сторінки.
  2. Праворуч заповніть його поля: заголовок, текст, картинки, кнопки.
  3. Результат одразу видно в перегляді посередині.
Текстовий блок з форматованим текстом
Текстовий блок: панель форматування — жирний, курсив, заголовки, списки, посилання, колір

Дії з блоками

  • Змінити порядок — перетягніть блок у списку ліворуч за значок ⠿ або скористайтеся стрілками ↑↓ біля блока.
  • Дублювати блок — кнопка-копія біля блока (зручно для однакових секцій).
  • Видалити блок — кнопка-кошик біля блока.
  • Сховати на телефоні — у налаштуваннях блока галочка «Приховати цей блок на мобільному». Біля такого блока в списку з’явиться відповідний значок.

Робота з текстом і картинками

  • Щоб зробити посилання в тексті — виділіть слова й натисніть 🔗, потім вставте адресу.
  • Картинки: «Завантажити» з комп’ютера (до 4 МБ, JPG/PNG/WebP/GIF), «Медіатека» — вибрати з уже завантажених, або вставити посилання.
  • Числові поля мають допустимий діапазон: якщо ввести більше чи менше, редактор поправить значення й підкаже межі.

Зміни зберігаються автоматично. Щоб вони з’явилися на сайті — «Опублікувати».

Адреса, заголовок і індексація сторінки

  • Змінити адресу — натисніть олівець ✎ біля адреси вгорі, введіть нову і «Перейменувати». Нова адреса починає працювати одразу, а стара перестає — не забудьте оновити посилання в меню.
  • SEO-заголовок — поле поруч з адресою.
  • Індексувати — дозволити пошуковим системам показувати сторінку в результатах пошуку.
Перейменування адреси сторінки

Дублювання і видалення

  • «Дублювати» у списку сторінок створює копію з адресою …-copy і всіма блоками — зручно, щоб зробити схожу сторінку. Копія закрита від індексації.
  • «Видалити» прибирає сторінку з сайту одразу і безповоротно. Посилання на неї з меню приберіть самі.

Окрема сторінка для товару

Усі товари використовують спільний шаблон product-template: у ньому блок «Картка товару», а над і під ним можна додати свої блоки — наприклад, «Переваги» чи «Запитання та відповіді» під кожним товаром.

Для окремого товару можна зробити унікальну сторінку: «Нова сторінка» → «Тип сторінки»: «Товар (власна сторінка)» → виберіть товар → «Створити сторінку». Наприклад, для флагманського товару з великим описом, відео й відгуками.

💡 Назва, ціна, фото, опис і характеристики товару редагуються в HugeProfit, а не в редакторі сайту — сторінка товару бере їх звідти автоматично.

Введіть слово або запитання