Як створити інтернет-магазин
Перейдіть до розділу сайтів і натисніть на «Create» кнопку:
Натискання кнопки «Створити» відкриває випадаюче меню з типами вебсайтів. Звідти виберіть «Інтернет-магазин»
Після натискання кнопки «Інтернет-магазин» ви перейдете до налаштувань сайту, де потрібно відкрити вкладку «Товари»:
Категорія товарів
Після переходу до розділу «Товари» ви побачите шаблони карток товарів:
Ви можете одразу перейти до налаштування самих товарів, але якщо хочете згрупувати їх так, щоб ваші клієнти могли легко знаходити потрібне за категоріями на сайті, рекомендуємо спочатку створити категорії.
Для цього натисніть на іконку шестерні:
Після цього праворуч відкриється меню з налаштуваннями категорії:
Натисніть кнопку «Створити категорію»:
У вікні, що відкриється, введіть назву категорії та виберіть колір (він буде відображатися в таблиці товарів).
Також у налаштуваннях категорії можна змінити відображення колонок:
Після налаштування категорії можна перейти до налаштувань картки товару.
Як імпортувати товари з іншої платформи
Наприклад, ми завантажили таблицю з товарами, які створили вручну в Таблиці розділі Mavibot.
Якщо вам потрібно перенести інтернет-магазин з одного сайту або іншого сервісу до Mabibot, використовуйте вкладки для завантаження товарів у налаштуваннях категорії:
Є Імпорт вкладка в налаштуваннях категорії. Натисніть на однойменну кнопку, щоб завантажити таблицю з картками товарів:
Після завантаження файлу, що містить ваші картки товарів (експортовані з іншої платформи), вам потрібно буде зіставити колонки.
Після завантаження таблиці товарів ви побачите інтерфейс зіставлення з двома ключовими колонками:
Перша колонка таблиці: вона відображає назви ваших колонок із завантаженої таблиці. Колонки відповідають назвам колонок у таблиці.
Друга колонка таблиці: відображає приклад значень, взятих із другого рядка, одразу після заголовків колонок.
Колонка товару: допомагає зіставити (або пропустити, якщо колонка не потрібна) значення колонок завантаженої таблиці з колонками товару.
Далі натисніть «Завантажити товари».
Готово!
Так ви можете швидко завантажити товари до MaviBot і запустити свій інтернет-магазин.
За потреби ви можете редагувати картку товару, натиснувши на іконку лупи в рядку товару.
Як експортувати картки товарів
Щоб експортувати створені картки товарів з одного сайту на інший, використовуйте вкладку експорту в налаштуваннях категорії.
Є «Експорт товарів» вкладка в налаштуваннях категорії.
Експорт товарів: тут ви можете налаштувати, які колонки з таблиці картки товару ви хочете експортувати (завантажити на свій пристрій) та перенести до іншого проєкту.
Щоб прибрати непотрібні колонки, достатньо зняти позначку в рядку з назвою колонки.
Далі натисніть «Експорт товарів» — після цього картки товарів буде завантажено на ваш пристрій у форматі таблиці:
Ви можете експортувати картки товарів у форматі cvs з будь-якої платформи, тож можете швидко налаштувати й запустити інтернет-магазин.
Картка товару
Щоб створити нову картку, натисніть круглу кнопку «+».
Відкриється вікно налаштувань товару.
Щоб редагувати наявну картку товару, натисніть на іконку лупи в рядку товару.
Тут потрібно додати назву, завантажити зображення (одне або кілька) та додати опис.
Далі вкажіть ціну товару та інші деталі:
а) Категорія товару б) Ціна (наприклад, поточна та стара ціна — корисно для відображення знижок) в) Артикул (номер) г) Кількість (ви можете вказати, скільки одиниць доступно у вашому магазині) д) Короткий опис
Увага!
Спочатку створіть хоча б один товар перед додаванням категорій товарів
Потім, за потреби, додайте характеристики товару та натисніть «Зберегти».
Після цього картка товару з’явиться в таблиці на вкладці «Товари».
Щоб додати більше товарів, натисніть круглу кнопку «+»:
Налаштування сайту
Після створення необхідних категорій і заповнення карток товарів перейдіть до налаштувань сайту. Для цього натисніть на назву вашого вебсайту у верхній панелі навігації.
Потім ви повернетеся до налаштувань сайту, де потрібно натиснути на сторінку, щоб перейти до налаштувань розділу.
Ви перейдете в режим редагування сторінки, натиснувши кнопку «+»:
У правому меню виберіть розділ «Каталог товарів»:
Картки товарів із вкладки «Товари», включно з усіма деталями, цінами та зображеннями, автоматично з’являться в налаштуваннях розділу:
Ви вже за кілька кроків від мети:
Тепер виберіть, які категорії товарів ви хочете відображати в розділі:
Далі виберіть кількість колонок:
Вкажіть, скільки товарів відображати спочатку (до натискання кнопки «Показати ще»).
Далі увімкніть перемикачі, якщо хочете, щоб ваші клієнти сортували товари за категоріями та фільтрами, а також бачили короткий опис товару:
Тепер натисніть «Зберегти».
Тепер наведіть курсор на розділ і натисніть «Налаштування», щоб його налаштувати.
Тепер наведіть курсор на розділ і натисніть на «Налаштування» іконку, щоб його налаштувати.
У налаштуваннях розділу ви можете:
Налаштувати типографіку: Виберіть шрифт і відрегулюйте його розмір для розділу.
Оформити фон: Завантажте зображення або виберіть суцільний колір чи градієнт.
Налаштувати макет: Відрегулюйте ширину, видимість, загальний розмір і вирівнювання.
Ви можете дізнатися більше про глобальні налаштування розділу тут.
Тепер перейдіть до попереднього перегляду.
Тут ви можете переглянути, як сайт відображає товари, протестувати роботу фільтрів і пошуку за категоріями, а також переглянути процес кошика й оформлення замовлення.
Ви можете додати будь-яку кількість розділів для свого інтернет-магазину — наприклад, щоб у кожному розділі відображати певні категорії товарів або розмістити розділи на різних сторінках вебсайту.
Усе, що вам потрібно, — це заповнити картки товарів, тоді як налаштування розділу є мінімальними для швидкого запуску.
Як змінити адресу сайту
Щоб надати вашому сайту акуратну, лаконічну адресу замість автоматично згенерованого URL (як показано нижче), ви можете налаштувати посилання на сторінку. Перейдіть до налаштувань сайту, щоб внести цю зміну.
Далі в основних налаштуваннях оновіть поля, як показано на зображенні нижче.
Назва сайту. Це назва, що відображається в Sites розділі. Її зміна допомагає вам легше ідентифікувати та знаходити сайт у своєму списку пізніше.
Назва вкладки браузера. Назва, що відображається у вкладці браузера та в адресному рядку.
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. Налаштуйте кнопку-посилання
У вашому блоці перейдіть до Кнопки у налаштуваннях і натисніть «Додати кнопку».
У модальному вікні залиште функцію за замовчуванням (зазвичай «Open URL»).
Вставте URL вашого магазину в поле посилання та назвіть кнопку.
Встановіть тип кнопки як «Inline» або «Keyboard» і збережіть налаштування блоку.
Готово! Ви успішно налаштували свій чатбот для поширення посилання на ваш інтернет-магазин через пряме посилання або вбудований Telegram Web App.
Last updated