Як вибрати і налаштувати шаблон (тему) інтернет-магазину

Що таке тема і що вона змінює

Тема в Bazify відповідає за загальний вигляд вітрини: палітру (фон, текст, колір кнопки «В кошик», картки), шрифти заголовків і тексту та загальний настрій. Структуру сторінок — які секції на головній і в якому порядку — ви збираєте в редакторі окремо.

Важлива деталь, яку легко пропустити: кнопка «Використати» в каталозі тем зберігає лише кольори і шрифти обраної теми, причому як чернетку. Блоки вашої головної сторінки вона не замінює. Тож змінити тему не страшно: нічого не зникне, і покупці нічого не помітять, поки ви самі не опублікуєте результат.

Як вибрати тему під свою нішу

У каталозі понад два десятки тем. Не намагайтеся знайти «найкрасивішу»: обирайте ту, що підтримує ваш спосіб продажу. Ось із чого почати.

Для дропшипінгу ми б радили починати з «Яскравого», якщо ви продаєте кілька хітів, і з «Одна пропозиція», якщо реклама веде на один товар. Про саму модель читайте в статті «Що таке дропшипінг».

💡 Порада. Дивіться на тему очима вашого каталогу. Якщо в товарів світлі фото на білому фоні, темна вітрина «з’їсть» контраст; якщо у вас прикраси на темному тлі — навпаки. Спершу перегляньте тему зі своїми товарами (про це нижче), а не лише на прикладі.

Як переглянути і застосувати тему

1. 1

   Відкрийте каталог тем

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

2. 2

   Натисніть «Переглянути»

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

3. 3

   Натисніть «Використати»

   Кольори й шрифти теми збережуться як чернетка, на картці з’явиться позначка «Чернетка кольорів». Опублікована головна і її блоки не змінюються.

4. 4

   Перегляньте зі своїми товарами

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

5. 5

   Опублікуйте кольори

   Коли вигляд влаштовує, натисніть «Опублікувати кольори» і підтвердьте: «Так, опублікувати кольори». Кнопка стане активною лише після «Використати».

⚠️ Увага. «Опублікувати кольори» змінює вигляд живого магазину для всіх покупців одразу. Не робіть цього в розпал акції чи реклами без перегляду на телефоні.

Що можна налаштувати в редакторі

Готова тема — лише старт. Доведіть її до свого бренду в редакторі: на сторінці «Сайт» у кабінеті натисніть «Кольори» (або «Редагувати дизайн» і режим «Тема»). Налаштування згруповані так:

• Бренд — «Логотип і фавікон» (світлий і темний логотип, ширина логотипа, іконка сайту), «Кольори» і «Стиль теми».
• Шрифти — окремо шрифт заголовків і шрифт тексту, масштаб тексту. У списку пропонуються шрифти з підтримкою кирилиці.
• Макет — «Макет сторінки» (максимальна ширина, поля з боків, відступи між секціями) і «Анімації».
• Товари — «Картки товарів» і «Позначки» (знижка, новинка, хіт).
• Кнопки і поля — заокруглення, відступи, великі літери для кнопок.
• Власний CSS — для тих, хто знає, що робить.

Кольори в Bazify підписані не абстрактно, а за місцем, яке вони фарбують: «Фон сторінки», «Текст сторінки», «Фон кнопки «В кошик»», «Текст кнопки «В кошик»», «Фон картки», «Рамка картки». Зверху є зразок — сторінка, картка і кнопка, — тому результат видно одразу. Якщо кольори майже зливаються, редактор попередить, що на вітрині текст автоматично стане темнішим або світлішим.

У «Стилі теми» можна обрати «Світла», «Темна» або «Як у системі» — тоді вітрина підлаштовується під налаштування телефона відвідувача. Для «Темної» і «Як у системі» заповніть також блок «Темна тема», інакше змін не буде видно.

Шапку й підвал налаштовуються окремо — кнопками «Шапка» і «Підвал» на сторінці «Сайт». Секції головної (банери, товари, відгуки) додаються кнопкою «Додати секцію» в редакторі, де є і готові секції, і генерація секції за описом через Bazi.

Чернетка і публікація: чому вітрина не змінилася

Усі зміни в редакторі автоматично зберігаються в чернетку. У верхній панелі ви побачите статус «Збережено», а коли є правки, яких ще немає на сайті, редактор про це підкаже: вони з'являться на вітрині лише після кнопки «Опублікувати».

Натиснувши «Опублікувати», ви обираєте обсяг: «Лише цю сторінку» або «Усі зміни» (сторінка, шапка, підвал і смуга оголошень; налаштування теми публікуються разом із ними). Діалог показує, що саме зміниться, і підказує проблеми: порожній заголовок, кнопку без тексту, фото без опису.

💡 Порада. Хочете побачити результат до публікації? У редакторі є кнопка «Переглянути» — відкрийте прев’ю і перевірте, як усе виглядає, не чіпаючи живий магазин.

Перевірте мобільну версію

Більшість покупців заходять із телефона, а Google індексує сайти насамперед за мобільною версією. Тому після вибору теми обов’язково перегляньте вітрину на малому екрані. У редакторі вгорі перемикайте вигляд значками комп'ютера, планшета і телефона, а потім відкрийте магазин на справжньому телефоні.

• Текст читається без збільшення, контраст достатній (світлий сірий на білому — поганий вибір).
• Кнопка «В кошик» помітна і натискається великим пальцем.
• Логотип не займає пів екрана: підберіть «Ширину логотипа».
• Заголовки не переносяться по одній літері — зменшіть шрифт або оберіть коротший текст.

Типові помилки під час вибору теми

• Обирають за прикладом, а не за своїм каталогом. Завжди відкривайте «Переглянути свої товари».
• Беруть надто «гучну» тему для спокійного товару. Яскраву — для акцій, мінімалістичну — для преміуму.
• Забувають про логотип. Завантажте світлий і темний варіанти, якщо плануєте темну тему.
• Міняють тему під час реклами і не дивляться на телефон.
• Перебирають теми тижнями. Тему можна змінити будь-коли, а товари й замовлення від цього не постраждають; краще швидше запуститися.

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

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

Чи можна змінити тему після запуску магазину?

Так. «Використати» зберігає лише кольори й шрифти в чернетку, а блоки головної не чіпає. Товари й замовлення не змінюються. Покупці побачать нове оформлення, лише коли ви натиснете «Опублікувати кольори».

Чому після «Використати» вітрина не змінилась?

Це очікувана поведінка: тема спершу потрапляє в чернетку. Подивіться результат за кнопкою «Переглянути свої товари», а щоб побачили покупці, натисніть «Опублікувати кольори».

Чи замінює тема блоки головної сторінки?

Ні. Тема змінює кольори й шрифти. Секції головної ви додаєте й міняєте в редакторі кнопкою «Додати секцію».

Чи можна мати свої кольори, а не кольори теми?

Так. У редакторі, у режимі «Тема» → «Кольори», змініть будь-який колір і шрифти. Зміни йдуть у чернетку до публікації.

Яку тему обрати для дропшипінгу?

Для кількох хітів — «Яскравий», для одного товару під рекламу — «Одна пропозиція». Для широкого каталогу з постачальників краще «Магазин».

Читайте також

• БлогІнтернет-магазин на Bazify з нуля
• БлогЯк додати товари в магазин
• БлогЯк підключити свій домен
• БлогЧекліст запуску магазину
• РішенняКонструктор інтернет-магазину
• РішенняАльтернатива Shopify