Обновление 2.0
В этой инструкции описаны подробности обновления 2.0, а также чек-лист настроек, которые необходимо подготовить для того, чтобы переход на новый интерфейс был максимально простым и удобным.
Что нового в обновлении?
Листинг (каталог)
1.1 Полноэкранный режим мини-приложения. Теперь ваш магазин будет открываться у покупателей всегда на весь экран, что сделает процесс выбора и покупки товара еще удобнее.
1.2 Добавили логотип магазина и название в каталоге. Теперь вы можете брендировать ваш магазин и разместить лого своего бренда, а также название магазина.
1.3 Обновили логику отображения товаров в нем. Теперь если у продукта есть несколько вариаций (свойств), например, цвет - то в листинге система всегда отображает каждый товар отдельной карточкой, чтобы ваши покупатели могли видеть все возможные варианты товара (фото) при посещении вашего каталога. Все каталоге отображается фото, краткое описание, название товара, цена, старая цена, а также вариант (например, цвет).
1.4 Фото товаров можно листать не переходя в карточку товара. Для того, чтобы ваши клиенты могли без лишних действий посмотреть с разных ракурсов ваш товар мы добавили “карусель” фото.
1.5 Обновили дизайн категорий товаров. Теперь основные категории отображаются в виде “островков”, это упростит навигацию для клиентов и позволит сделать процесс выбора и покупки товара еще проще. Островок “категории” отвечает за навигацию по всем категориям, рядом с ним отображаются родительские категории для быстрого доступа клиентов.
Карточка товара
1.6 Добавили возможность отображения свойств товара сразу с фото. При переходе в карточку товара, пользователь видит все вариации товара (например, цвет) с фото. В карточке может быть до 2-х любых вариаций товара (свойств). Только 1 из вариаций можно добавить отображение атрибута в формате значение + фото. Второе свойство товара всегда отображается значением. В данный момент настраивать свойства и фото
для товаров можно только через импорт. Ручное создание товара со своими свойствами и назначением фото для них, будут доступны позднее.
1.7 Размерная сетка. Теперь вы можете задать размерную сетку для каждого товара, в формате ссылки на страницу в telegra.ph. Вы можете назначить для каждого товара / категории товаров свои размерные сетки. Либо сделать единую ссылку для всех товаров.
1.8 Клиентская поддержка. Добавили раздел “Связаться с поддержкой”. Для того, чтобы покупатели могли связаться с вашей клиентской поддержкой и коммуницировать напрямую с вашим магазином в 1 клик.
Корзина
1.9 Теперь у ваших покупателей есть возможность нажать на любой товар добавленный в корзину товар и в 1 клик вернуться обратно в карточку для того, чтобы убедиться в корректности выбора.
1.10 Добавили в корзину поле “промокод”, чтобы покупатели могли сразу применить его и увидеть свою выгоду от покупки.
Чекаут
1.11 Мы разбили этап оформления и оплаты заказа на 4 шага для того, чтобы оплатить или оформить заказ было еще проще.
1.12 Теперь при переходе на первый шаг, мы заполняем автоматически имя и фамилию покупателя указанные им при регистрации в Telegram.
1.13 Добавили валидацию номера телефона для любой точки мира. Теперь ваши клиенты могут указать телефон любой страны мира для оформления заказа в вашем магазине.
1.14 Изменили выбор способа доставки. Упростили этап выбора способа доставки при помощи карт и разделителя способа доставки. Теперь пользователь может выбрать какой способ доставки его интересует “До пункта выдачи” или “Курьером”.
Теперь вашему покупателю достаточно поделиться своей геопозицией и выбрать удобный ему способ доставки.
Для способа доставки “доставка курьером” добавили дополнительное поле, в котором покупатель может указать квартиру, код домофона, этаж и другую информацию необходимую вам для корректной доставки.
1.15 Добавили раздел “просмотр и оплата”. После заполнения информации о себе, выбора способа доставки, у покупателя появляется экран со всей заполненной информацией о заказе. При повторной покупке в вашем магазине, покупатель будет попадать сразу на данный шаг минуя предыдущие. Таким образом повторные покупки будут еще удобнее.
Также в 1 клик пользователю доступно редактирование любой информации о заказе.
1.16 Бесшовная оплата для приема оплаты при помощи Тбанка. Теперь при переходе к оплате платежное окно Тбанка открывается у пользователя внутри мини-приложения, без перехода в браузер.
1.17 Обновили экран об успешном завершении оплаты / неудачной оплате / ошибке при оплате. Добавили анимации в момент успешной покупки или оформления заказ
Что необходимо настроить / проверить для успешного перехода на новый дизайн?
2.1 Нужно настроить название магазина, добавить лого, ссылку на клиентскую поддержку.
Для этого нужно зайти в лк TGShop, нажать “редактировать”. и заполнить поля “название магазина”, “аватарка магазина”, “ссылка на клиентскую поддержку”.
Заполнить поля “название магазина”, “аватар магазина”, “клиентская поддержка”.
В поле “клиентская поддержка” вы можете добавить ссылку на ваш аккаунт поддержки в Telegram / бота в Telegram. Ссылку необходимо указать в формате https://t.me/nickname или https://t.me/botnamebot
2.3.1 Импорт из эксель (xls/xlsx). Для работы с характеристиками товара мы изменили логику заполнения эксель и добавили столбец “Варианты товара”.
Вариант товара - свойство (вариант) товара, на которые можно разделить товар. Например, цвет и размер, объем и запах. Может быть до 2-х вариантов для 1-го продукта.
Для настройки вариантов товара, необходимо заполнять столбец Варианты товара в формате “Название варианта|значение варианта”. Например, “Цвет|Желтый”.
Названия вариантов могут быть любыми. То есть теперь, вы можете задавать не только цвет и/или размер, но и создавать любые другие свойства товаров вместо них. Например, объем и запах.
Значения вариантов могут быть любыми. То есть теперь, больше нет ограничения по палитре цветов. Вы можете задавать любые значения для свойства “цвет”.
Для того, чтобы задать несколько вариантов для товара заполните столбец Варианты товара в формате “Название варианта1|Значение варианта1;Название варианта2|Значение варианта2”. Например, “Цвет|Желтый;Размер|S”.
Где “цвет” - название варианта 1, “желтый” - значение варианта 1, а “размер” - название варианта 2, “S” - значение варианта 2.
Для разделения названия варианта и его значения использовать символ “|”. Для разделения нескольких вариантов нужно использовать символ “;” - точка с запятой. Использование других символов недопустимо.
Для более точной калькуляции стоимости доставки добавили поля Габариты (Ш/Г/В) (см) и вес.
Габариты (Ш/Г/В) (см) - габариты товара в формате Ш/Г/В (ширина, глубина, высота). Значения должны быть в сантиметрах, допустимы целые и десятичные числа. Для десятичных используется точка. Разделителем является символ “/” - слэш. Любые другие разделители недопустимы. Все три значения должны быть заполнены. Вес - вес товара. Значения должны быть в килограммах, допустимы целые и десятичные числа. Для десятичных используется точка.
2.3.2 Импорт из фида (xml-файла) Добавили type “primary” / “secondary” в тэг “param name” для того, чтобы система понимала какие параметры товара будут его вариантами. Где товары, с тэгами <param name> type “primary” - это характеристика товара, а type “secondary” - не будет отображаться в карточке как характеристика.
Добавили тэги: "demensions" и "weight" для настройки габаритов и веса каждого товара и его вариации и более точного расчета калькуляции стоимости доставки. Шаблон обновленного фида: <?xml version="1.0" encoding="UTF-8" standalone="no"?>
<yml_catalog date="2022-11-14T10:35:26+03:00">
<shop>
<name>TGShop Market</name>
<company>TGShop</company>
<url>https://market.yandex.ru/</url>
<categories>
<category id="90401">Все категории</category>
<category id="198118" parentId="90401">Женская одежда</category>
<category id="198119" parentId="90401">Детская одежда</category>
</categories>
<offers>
<offer group_id="739091" id="1">
<name>Платье Sun</name>
<price>3500</price>
<categoryId>198118</categoryId>
<picture>https://static.tildacdn.com/tild3065-3664-4738-b636-623635346431/Logo-2.svg</picture>
<vendorCode>AE897917</vendorCode>
<oldprice>4999</oldprice>
<description>Комбинированное платье представлено в новой коллекции итальянской марки VIA TORRIANI 88. Сочетание двух материалов добавляет модели особого шика. Принт в полоску является особенностью модели. Специфика кроя обеспечит отличную посадку на любой тип силуэта</description>
<shortDescription>Платье на каждый день</shortDescription>
<quantityInStock>467</quantityInStock>
<param name="Цвет" type="primary">Желтый</param>
<param name="Размер" type="primary">S</param>
<param name="Приоритет">1</param>
<sizeChart>https://telegra.ph/Razmernaya-setka-04-08</sizeChart>
</offer>
<offer group_id="739092" id="2">
<name>Платье Windy</name>
<price>6700</price>
<categoryId>198118</categoryId>
<picture>https://static.tildacdn.com/tild3065-3664-4738-b636-623635346431/Logo-2.svg</picture>
<vendorCode>AE89000</vendorCode>
<oldprice>6700</oldprice>
<description>Комбинированное платье миди</description>
<shortDescription>Платье для летних прогулок</shortDescription>
<quantityInStock>2</quantityInStock>
<param name="Цвет" type="secondary">Голубой</param>
<param name="Размер" type="primary">S</param>
<param name="Приоритет">1</param>
<sizeChart name="Супер сетка">https://telegra.ph/Razmernaya-setka-04-08</sizeChart>
</offer>
<offer group_id="739092" id="3">
<name>Платье Windy</name>
<price>6700</price>
<categoryId>198118</categoryId>
<picture>https://static.tildacdn.com/tild3065-3664-4738-b636-623635346431/Logo-2.svg</picture>
<vendorCode>AE89000</vendorCode>
<oldprice>6700</oldprice>
<description>Комбинированное платье миди</description>
<shortDescription>Платье для летних прогулок</shortDescription>
<quantityInStock>2</quantityInStock>
<param name="Цвет" type=”primary">Голубой</param>
<param name="Размер" type="primary">M</param>
<param name="Приоритет">1</param>
<sizeChart name="Супер сетка">https://telegra.ph/Razmernaya-setka-04-08</sizeChart>
</offer>
</offers>
</shop>
</yml_catalog>
Last updated