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

Логотип, меню, підвал, контакти, соцмережі

Розділ «Налаштування» в редакторі сайту відповідає за все, що повторюється на кожній сторінці: логотип, меню в шапці, підвал з контактами й соцмережами. Тут же — способи оплати й доставки при оформленні замовлення і закритий доступ до сайту за кодом.

Відкрийте «Редагувати сайт» → «Налаштування». Після змін натисніть «Зберегти чернетку», перевірте через «Попередній перегляд чернетки →» і натисніть «Опублікувати».

Бренд: назва, логотип, іконка вкладки

Розділ «Бренд»
  • «Назва сайту» — показується в шапці (якщо немає логотипа) і в назві вкладки браузера.
  • «Логотип (URL)» — кнопка «Завантажити» (файл до 4 МБ: JPG, PNG, WebP, GIF), «Медіатека» (раніше завантажені картинки) або вставте посилання на картинку. Коли логотип є, він показується замість назви.
  • «Розмір логотипу» — «Маленький», «Середній» (за замовчуванням) або «Великий». Змінює висоту логотипа і в шапці, і в підвалі: приблизно 24, 32 і 48 px. Ширина підлаштовується сама, пропорції не спотворюються.
  • «Показувати назву магазину поруч з логотипом» — логотип і назва поруч. На телефонах назва не показується, лише логотип.
  • «Favicon (URL)» — іконка у вкладці браузера й на екрані телефона. Квадратна картинка, краще PNG від 180×180 px.
  • «Дозволити індексацію сайту пошуковими системами» — див. статтю про SEO. Вмикайте, коли магазин готовий.

💡 Логотип краще завантажувати з прозорим фоном (PNG) і в гарній якості — так він чітко виглядатиме на будь-якому кольорі шапки. Якщо логотип здається дрібним, виберіть «Великий» у полі «Розмір логотипу». Обріжте зайві порожні поля навколо логотипа на самій картинці — інакше він виглядатиме меншим, ніж є.

Колір шапки та підвалу

«Основний колір сайту» — шапка й підвал у кольорі бренду (з розділу «Тема»). «Не основний (нейтральний фон)» — шапка й підвал у кольорі фону сторінки, як на прикладах у цій статті.

Меню в шапці

Редактор меню в шапці
  1. Натисніть «+ Додати пункт».
  2. Ліворуч введіть назву пункту, праворуч — посилання.
  3. Щоб зробити випадне підменю — «+ Додати пункт підменю» під потрібним пунктом.
  4. Порядок пунктів змінюється перетягуванням за значок ⠿ ліворуч. Прибрати пункт — «Видалити».

Які посилання можна вказати

ПосиланняКуди веде
/catalogКаталог усіх товарів. Такий пункт автоматично стає меню категорій (див. нижче)
/aboutСторінка «Про нас»
/dostavkaВаша сторінка з адресою dostavka (адресу видно в розділі «Сторінки»)
/category/123Конкретна категорія (номер видно в адресі категорії на сайті)
/product/456Конкретний товар
https://instagram.com/…Будь-який зовнішній сайт — пишіть адресу повністю, з https://

Меню категорій

Пункт з посиланням /catalog на комп’ютері відкриває при наведенні випадне меню з усіма увімкненими категоріями й підкатегоріями, а на телефоні — список категорій у меню-«бургері». Налаштовувати його окремо не потрібно: категорії беруться з HugeProfit.

Випадне меню категорій у шапці сайту
Меню категорій під пунктом «Каталог»

«Закріплювати шапку зверху екрана при прокрутці» — шапка залишається видимою, коли покупець гортає сторінку. Якщо пунктів забагато і вони не вміщаються в ширину шапки, меню автоматично згортається в кнопку-«бургер».

Підвал: меню, колонки, контакти

  • «Меню в підвалі» — посилання в підвалі, налаштовуються так само, як меню в шапці. Можна задати «Заголовок колонки меню».
  • «Додаткові колонки в підвалі» → «+ Додати колонку»: заголовок колонки і список посилань. Наприклад, колонка «Покупцям» з посиланнями «Доставка і оплата», «Повернення», «Контакти».
  • «Текст і контакти в підвалі»: «Короткий опис під логотипом», «Email для зв'язку», «Телефон для зв'язку». У підвалі з’явиться блок «Контакти»; телефон і пошта клікабельні — з телефона одразу дзвонять.
Додаткові колонки в підвалі
Текст і контакти в підвалі
Підвал сайту
Підвал на сайті: логотип, опис, колонка меню

Соцмережі

  1. У розділі «Соцмережі (для футера)» натисніть «+ Додати соцмережу».
  2. Виберіть мережу і вставте повне посилання, наприклад https://instagram.com/myshop.
  3. За бажанням змініть «Заголовок над іконками» (за замовчуванням «Ми в соцмережах»).
Розділ «Соцмережі (для футера)»

⚠️ Якщо з’явилася помилка «Невірне посилання… Потрібна повна адреса» — додайте на початку https://.

Способи оплати й доставки

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

💡 Налаштування «Якщо товару не вистачає при оформленні» переїхало на вкладку «Товари» редактора — разом із «Показувати залишок товару». Про них — у статті Товари на сайті.

Захист доступу

Унизу розділу є блок «Захист доступу»: галочка «Закрити сайт — доступ лише за кодом» закриває магазин від сторонніх — сайт бачать лише ті, кому ви дали код або особисте посилання. Підходить для оптових клієнтів, закритого клубу чи показу сайту до офіційного запуску. Як створити коди й оформити екран входу — у статті Закритий магазин: доступ за кодом.

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