Перейдіть до розділу «Сайти» та натисніть кнопку «Створити»:
Після натискання кнопки «Створити» відкривається випадне меню з типами сайтів. Виберіть «Інтернет-магазин»:
Після натискання кнопки «Інтернет-магазин» ви перейдете до налаштувань сайту, де потрібно відкрити вкладку «Товари»:
Категорія товарів
Після переходу до розділу «Товари» ви побачите шаблони карток товарів:
Ви можете одразу перейти до налаштування самих товарів, але якщо ви хочете категоризувати їх, щоб ваші клієнти могли легко знаходити потрібне за категоріями на сайті, ми рекомендуємо спочатку створити категорії.
Для цього натисніть на іконку шестірні:
Після цього відкривається праве меню з налаштуваннями категорій:
Натисніть кнопку «Створити категорію»:
У вікні, що відкрилося, введіть назву категорії та виберіть колір (він відображатиметься в таблиці товарів).
Ви також можете змінити відображення стовпців у налаштуваннях категорії:
Після налаштування категорії ви можете перейти до налаштувань картки товару.
Як імпортувати товари з іншої платформи
Наприклад, ми завантажили таблицю з товарами, яку створили вручну в розділі Таблиці Mavibot.
Якщо вам потрібно перенести інтернет-магазин з одного сайту або іншого сервісу до Mavibot, використовуйте вкладки для завантаження товарів у налаштуваннях категорії:
У налаштуваннях категорії є вкладка Імпорт. Натисніть однойменну кнопку, щоб завантажити таблицю з картками товарів:
Після завантаження файлу, що містить ваші картки товарів (експортовані з іншої платформи), вам потрібно буде зіставити стовпці.
Після завантаження таблиці товарів ви побачите інтерфейс зіставлення з двома ключовими стовпцями:
- Перший стовпець таблиці: відображає назви ваших стовпців із завантаженої таблиці. Стовпці відповідають назвам стовпців у таблиці.
- Другий стовпець таблиці: відображає приклад значень, взятих з другого рядка, одразу після заголовків стовпців.
- Стовпець товару: допомагає порівняти (або пропустити, якщо стовпець не потрібен) значення стовпців завантаженої таблиці зі стовпцями товару.
Далі натисніть «Завантажити товари».
Готово!
Таким чином ви можете швидко завантажити товари до MaviBot і запустити свій інтернет-магазин.
За потреби ви можете редагувати картку товару, натиснувши на іконку лупи в рядку товару.
Як експортувати картки товарів
Щоб експортувати створені картки товарів з одного сайту на інший, використовуйте вкладку експорту в налаштуваннях категорії.
У налаштуваннях категорії є вкладка «Експорт товарів».
Експорт товарів: тут ви можете налаштувати, які стовпці з таблиці карток товарів ви хотіли б експортувати (завантажити на свій пристрій) та перенести в інший проєкт.
Щоб видалити непотрібні стовпці, достатньо зняти позначку в рядку з назвою стовпця.
Далі натисніть «Експортувати товари» — картки товарів буде завантажено на ваш пристрій у форматі таблиці:
Ви можете експортувати картки товарів у форматі cvs з будь-якої платформи, тому ви можете швидко налаштувати та запустити інтернет-магазин.
Картка товару
Щоб створити нову картку, натисніть круглу кнопку «+».
Відкриється вікно налаштувань товару.
Щоб редагувати існуючу картку товару, натисніть на лупу в рядку товару.
Тут потрібно додати назву, завантажити зображення (одне або кілька) та додати опис.
Далі вкажіть ціну товару та інші деталі:
a) Категорія товару
b) Ціна (наприклад, поточна та стара ціна — корисно для відображення знижок)
c) Артикул (номер)
d) Кількість (ви можете вказати, скільки одиниць товару є в наявності у вашому магазині)
e) Короткий опис
Увага!
Спочатку створіть хоча б один товар, перш ніж додавати категорії товарів
Потім, за потреби, додайте характеристики товару та натисніть «Зберегти».
Після цього картка товару з'явиться в таблиці на вкладці «Товари».
Щоб додати більше товарів, натисніть круглу кнопку «+»:
Налаштування сайту
Після створення необхідних категорій та заповнення карток товарів перейдіть до налаштувань сайту. Для цього натисніть на назву вашого сайту у верхній панелі навігації.
Потім ви повернетеся до налаштувань сайту, де потрібно натиснути на сторінку, щоб перейти до налаштувань розділу.
Ви перейдете в режим редагування сторінки, натиснувши кнопку «+»:
У правому меню виберіть розділ «Каталог товарів»:
Картки товарів з вкладки «Товари», включаючи всі деталі, ціни та зображення, автоматично з'являться в налаштуваннях розділу:
Ви лише за кілька кроків:
- Тепер виберіть, які категорії товарів ви хочете відображати в розділі:
- Далі виберіть кількість стовпців:
- Вкажіть, скільки товарів відображати спочатку (до натискання кнопки «Показати більше»)
- Далі увімкніть перемикачі, якщо ви хочете, щоб ваші клієнти могли сортувати товари за категоріями та фільтрами, а також відображати короткий опис товару:
Тепер натисніть «Зберегти».
Тепер наведіть курсор на розділ і натисніть «Налаштування», щоб налаштувати його.
Тепер наведіть курсор на розділ і натисніть іконку «Налаштування», щоб налаштувати його.
У налаштуваннях розділу ви можете:
- Налаштувати типографіку: вибрати шрифт та налаштувати його розмір для розділу.
- Стилізувати фон: завантажити зображення або вибрати суцільний колір чи градієнт.
- Налаштувати макет: налаштувати ширину, видимість, загальний розмір та вирівнювання.
Докладніше про глобальні налаштування розділу можна дізнатися тут.
Тепер перейдіть до попереднього перегляду.
Тут ви можете попередньо переглянути, як сайт відображає товари, протестувати роботу фільтрів та пошуку за категоріями, а також переглянути кошик та процес оформлення замовлення.
Ви можете додати будь-яку кількість розділів для вашого інтернет-магазину — наприклад, щоб відображати певні категорії товарів у кожному розділі або розмістити розділи на різних сторінках сайту.
Все, що вам потрібно зробити, це заповнити картки товарів, а налаштування розділу мінімальні для швидкого запуску.
Як змінити адресу сайту
Щоб надати вашому сайту чисту, лаконічну адресу замість автоматично згенерованої URL-адреси (як показано нижче), ви можете налаштувати посилання на сторінку. Перейдіть до налаштувань сайту, щоб внести цю зміну.
Далі в основних налаштуваннях оновіть поля, як показано на зображенні нижче.
- Назва сайту. Це ім'я, яке відображається в розділі Сайти. Його зміна допомагає легше ідентифікувати та знаходити сайт у вашому списку пізніше.
- Заголовок вкладки браузера. Заголовок, який відображається у вкладці браузера та в адресному рядку.
- URL. Адреса сайту.
Ваш повністю функціональний інтернет-магазин готовий!
Як поділитися посиланням у чат-боті
Ви можете поділитися посиланням на ваш інтернет-магазин у чат-боті. Наприклад, ви можете надіслати пряме посилання (сумісне з більшістю месенджерів) або використати спеціальну кнопку Web App у Telegram.
Telegram Web-app
Ви можете поділитися своїм інтернет-магазином у чат-боті за допомогою кнопки Telegram Web App або як стандартне посилання (для інших месенджерів).
Метод 1: Кнопка Telegram Web App
Цей метод відкриває ваш магазин у рідному інтерфейсі Telegram.
Крок 1. Скопіюйте адресу магазину
Скопіюйте URL-адресу з адресного рядка браузера або з картки магазину в розділі «Сайти».
Крок 2. Створіть або відредагуйте блок
Створіть новий блок у конструкторі або вбудуйте це в існуючий потік бота.
Крок 3. Налаштуйте кнопку Telegram Web App
- У вашому блоці перейдіть до Кнопок у налаштуваннях і натисніть «Додати кнопку».
- У модальному вікні виберіть функцію «Telegram Web Application».
- Вставте URL-адресу вашого магазину в поле посилання.
- Назвіть кнопку (наприклад, «Перейти на сайт») і натисніть «Додати».
- Встановіть тип кнопки «Inline» або «Keyboard» за потреби, потім збережіть налаштування блоку.
Крок 4. Протестуйте бота
Активуйте блок (наприклад, надіславши слово «Магазин»). Бот відповість повідомленням з кнопкою. Натискання на неї відкриє ваш магазин як Telegram Web App.
Метод 2: Кнопка зі стандартним посиланням (для інших месенджерів)
Цей метод створює стандартну кнопку, яка відкриває магазин у веб-браузері.
Крок 1. Скопіюйте адресу магазину
Скопіюйте URL-адресу з адресного рядка браузера або з картки магазину в розділі «Сайти».
Крок 2. Створіть або відредагуйте блок
Створіть новий блок у конструкторі або вбудуйте це в існуючий потік бота.
Крок 3. Налаштуйте кнопку з посиланням
- У вашому блоці перейдіть до Кнопок у налаштуваннях і натисніть «Додати кнопку».
- У модальному вікні залиште функцію за замовчуванням (зазвичай «Відкрити URL»).
- Вставте URL-адресу вашого магазину в поле посилання та назвіть кнопку.
- Встановіть тип кнопки «Inline» або «Keyboard» та збережіть налаштування блоку.
Готово!
Ви успішно налаштували свій чат-бот для поширення посилання на ваш інтернет-магазин через пряме посилання або рідний Telegram Web App.