Як додати товар на сайт
За допомогою віджету Товар ви можете представити свої товари та послуги на сайті онлайн-магазину, які користувачі зможуть додавати в корзину й оплачувати. В картці товару є можливість додавати опис, характеристики, варіанти, ціну, а в налаштуваннях елементу — стилізувати картку та кнопку додавання товару в корзину.
Розглянемо, як додати та налаштувати картку товару.
Додайте віджет
Перейдіть у конструктор сторінки, де ви додаватимете картки товару. У потрібному місці сторінки натисніть Додати віджет (Add Widget) та виберіть Товар (Product).
Додайте товар
У панелі віджету Товар, що розгорнулась, виберіть, як додати товар:
| Новий (New) | Створення товару. Після вибору цієї опції, натисніть Новий (New). |
| Товар із CRM (CRM product) | Вибір товару, попередньо створеного в CRM. Після вибору цієї опції, натисніть Вибрати товар (Choose product). |
Новий товар
Введіть інформацію про товар:
| Назва (Name) | Введіть назву товару до 250 символів, включаючи літери та цифри.
Рекомендуємо вказувати назву з урахуванням розміру картки товару, щоб її можна було легко прочитати. |
| Короткий опис (Short description) | Введіть основний опис товару. Наприклад в описі ви можете вказати основні властивості, особливості та сферу застосування. |
| Повний опис (Full description) | Введіть додаткову інформацію щодо товару, що відображатиметься під галереєю картинок. Наприклад ви можете вказати умови використання та зберігання. |
Розділяйте текст на короткі абзаци, додавайте списки та виділяйте важливі моменти – так клієнтам буде легше сприймати інформацію. Щоб відформатувати текст опису, перейдіть до тексту та виберіть форматування. Ви також можете додати свої стилі через вихідний код.
Додайте зображення товару
Для показу галереї картинок товару натисніть + Додати зображення (+ Add images) та виберіть зображення з менеджера файлів або завантажте нове.
Рекомендуємо додавати картинки з різних ракурсів, щоб можна було детально розглянути товар. Для правильного відображення варто завантажувати зображення однакових пропорцій.
Додайте характеристики товару
У блоці Характеристики (Properties) можна додати потрібні властивості товарів. Для кожного поля заповніть інформацію:
| Назва групи атрибутів (Attribute set name) | Назва розділу із параметрами. Використовуйте, щоб розділити характеристики різних типів або секцій.
Щоб додати новий розділ з параметрами, натисніть + Додати розділ (+ Add attribute set) |
| Аттрібут (Attribute) | Назва властивості. Наприклад «Матеріал», «Колір», «Розмір» |
| Значення (Value) | Значення властивості. Наприклад «Синій», «Зелений» |
Для додавання нової властивості товару натисніть + Додати атрибут (+ Add attribute).
Виберіть тип продукту
До свого інтернет-магазину ви можете додати різні за типом товари:
| Фізичний товар (Physical product) | Товари, які мають матеріальну форму та потребують доставки покупцю. Наприклад ювелірні прикраси, техніка, паперові книжки тощо. |
| Цифровий товар (Digital product) | Нематеріальні товари, що доступні в електронному вигляді. Наприклад посилання на файл з електронною книгою, запис вебінару тощо.
Вкажіть посилання на продукт. Після оплати клієнт отримає лист із посиланням на товар на вказану email адресу. Для цифрових товарів кількість не відображається. Користувач зможе придбати тільки один товар. |
Вкажіть артикул, залишок та вартість
У полі Артикул (SKU) введіть унікальний код продукту, який допомагає відстежувати товар. У коді можна використовувати числа та літери.
У полі Залишок (Stock) вкажіть кількість товарів у наявності. Після кожної покупки цифра зменшуватиметься. Якщо залишити поле порожнім, кількість товару буде необмеженою. Якщо поставити 0, то користувач не зможе покласти товар у кошик.
У полі Вартість (Price) вкажіть ціну за товар. У полі Стара вартість (Old price) можна вказати попередню ціну, якщо вона була вищою, щоб продемонструвати знижку. Якщо залишити поле порожнім, то на сайті відображатиметься тільки актуальна вартість.
Валюту магазину виберіть у Налаштування сайту > Інтернет-магазин, а метод оплати — на сторінці налаштування кошика.
Додайте варіанти товару
Також ви можете додати варіанти товару і налаштувати показ інформації окремо для кожного з них. Наприклад, якщо ваші товари відрізняються за кольором, розміром, матеріалом тощо, відвідувач сайту зможе вибрати потрібний йому варіант зі спадного списку.
У секції Варіанти (Options) натисніть + Додати атрибут (Add attribute). У першому полі введіть назву параметра, а в наступному — перерахуйте всі значення варіантів через кому.
Якщо у вас декілька характеристик товарів з варіантами, то на кожну пару буде створено новий запис. Створені варіанти товарів можна переглянути внизу вікна.
Щоб налаштувати кожен варіант, у відповідній колонці додайте артикул, завантажте превʼю товару та вкажіть вартість та кількість. Якщо не вказувати окреме значення, підставиться загальна інформація із заповнених полів вище.
Щоб приховати або показати варіант товару, натисніть на іконку зліва.
Коли ви заповните поля картки товару, натисніть Зберегти (Save).
Після додавання товару вам відобразяться налаштування картки. Щоб відредагувати дані товару, натисніть значок олівця навпроти картки.
Товар із CRM
Виберіть товар з вашої CRM системи. Щоб швидше знайти продукт, ви можете ввести його назву, артикул або вибрати категорію.
Ви можете додавати у віджет лише ті товари, які відповідають валюті інтернет-магазину.
Всі дані, що заповнювали в CRM, перенесуться в картку товару на сайті, які ви можете відредагувати так само, як і під час додавання нового товару, описаного у наступному розділі.
Налаштуйте зовнішній вигляд картки
У полі Тип картки (Card type) виберіть, як відображати товар:
| Сторінка (Page) | Відображається у вигляді картки з усією інформацією про товар. |
| Попап (Pop-up) | Відображається у вигляді маленької картки із зображенням, назвою, коротким описом та ціною товару.
Після натискання Показати більше відкриється модальне вікно, в якому відвідувач сайту зможе побачити всю інформацію про товар та додати його у кошик. Ви також можете налаштувати стиль модального вікна окремо від стилю картки на сторінці. Для цього натисніть Налаштувати під тип картки. Цей тип відображення особливо підходить для випадків, коли треба розташувати кілька карток у рядку. |
Експериментуйте з візуальними елементами та налаштуваннями картки товару. Наприклад можете протестувати різні стилі карток та проаналізувати, який з них краще конвертує.
У секції Зовнішній вигляд картки (Card style) виберіть стиль розташування інформації у картці.
Щоб перейти до детальних параметрів зовнішнього вигляду картки на сторінці, натисніть Налаштувати (Customize) і змініть налаштування стилів:
| Загальні | Належать до стилю блоку з карткою. Виберіть колір фону, заокруглення, відступи. |
| Галерея | Належать до стилю відображення картинок. Виберіть пропорції, заокруглення, показ зображення за кліком.
Рекомендуємо вибрати такі ж пропорції, що у ваших картинок. |
| Типографія | Належать до стилю тексту у картці. Виберіть розмір, формат та колір тексту для назви, опису, вартості та старої вартості. |
| Лічильник кількості товарів | Належать до стилю лічильника, завдяки якому відвідувач сайту може вибрати, скільки товарів покласти у кошик. Оберіть зовнішній вигляд поля, колір, округлення та розмір. |
Щоб налаштувати кнопку додавання товару в кошик, поверніться до налаштування товару та в секції Кнопка натисніть на олівець. У полі Текст введіть текст кнопки, а у полі Стиль виберіть розмір та стиль кнопки: Основний і Вторинний успадковуються із загального стилю сторінок, а для Налаштований ви можете вибрати колір тексту, фону, налаштувати контур та ефект при наведенні.
Після закінчення редагування сторінки з товарами натисніть Опублікувати (Publish).
Оновлено: 01.11.2024
або