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

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

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

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

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

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

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

Ці сторінки є в кожному магазині. Їх можна редагувати, але не можна видалити, дублювати чи перейменувати. У списку вони підписані так, як у таблиці (або вашим SEO-заголовком, якщо ви його задали):

СторінкаАдреса на сайтіЩо це
«Головна» (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), «Медіатека» — вибрати з уже завантажених, або вставити посилання.
  • Кнопка </> у панелі форматування показує текст як HTML-код — так можна вставити картинку в текст. Детальніше — у довіднику блоків.
  • Числові поля мають допустимий діапазон: якщо ввести більше чи менше, редактор поправить значення й підкаже межі.

Зміни зберігаються автоматично, щойно ви переходите до іншого поля або додаєте, переміщуєте чи видаляєте блок. Щоб вони з’явилися на сайті — «Опублікувати» (якщо є незбережені зміни, редактор спершу збереже їх сам).

💡 Після публікації з’явиться повідомлення «Опубліковано». Якщо на сайті ще видно стару версію — оновіть сторінку сайту ще раз: перше завантаження після публікації ще може показати попередню версію, друге — вже нову.

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

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

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

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

Сторінка товару

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

У налаштуваннях блока «Картка товару» ви вирішуєте, що показувати під ціною і в якому порядку: опис, склад набору, код товару, додаткові поля з HugeProfit, власний текст, схожі товари. Як це зробити — у статті «Товари на сайті», розділ «Як налаштувати сторінку товару».

Редактор шаблону «Сторінка товару»
Шаблон сторінки товару: блок «Картка товару», перегляд на реальному товарі й налаштування блока

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

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

Така сторінка створюється порожньою і повністю замінює шаблон для цього товару. Додайте на неї блок «Картка товару» (він є в списку «Додати блок» лише на сторінках товарів) і налаштуйте його секції окремо від шаблону, а потім — свої блоки.

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

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