Все коллекции
Интеграции - Прочее
Виджет “Статус заказа”
Виджет “Статус заказа”

Узнайте, как настроить и для чего использовать Виджет “Статус заказа”

Amalia avatar
Автор: Amalia
Обновлено больше недели назад

Виджет “Статус заказа” устанавливается на вашем сайте и используется для того, чтобы ваши клиенты по своему номеру телефона могли проверить, в каком статусе находится их заказ.

Для установки виджета перейдите на страницу “Настройки > Центр интеграций”, найдите Виджет “Статус заказа” в блоке “Прочее” и нажмите кнопку “Настроить”.

Шаг 1. Выберите расположение виджета на сайте

Для начала необходимо выбрать “Тип кнопки”.

При выборе типа “Плавающая”, нужно указать в какой части вашего сайта будет отображаться кнопка виджета (слева или справа, сверху или снизу). Для этого кликните на нужную позицию поля.

Здесь же необходимо установить, на каком расстоянии будет расположена кнопка виджета. Значение задается в px по вертикали и по горизонтали от ближайшего края экрана до края кнопки.

При выборе типа кнопки “Встроенная” вы сможете разместить кнопку в любом необходимом месте на вашем сайте (в шапке, в конце рекламного текста, на конкретной промо-странице или при клике на определенный элемент страницы).

Шаг 2. Настройте внешний вид виджета

Цвет кнопки вызова виджета — здесь можно выбрать цвет, воспользовавшись встроенной палитрой. 

Пояснительный текст — значение из этого поля будет отображаться под текстом “Статус заказа”. Здесь можно описать, что нужно сделать вашему клиенту и что он увидит (вмещает до 140 символов).

Группы статусов, для которых не отображается сумма заказа — в этом поле можно выбрать группы статусов, для которых не будет показываться сумма заказа.

Например, пока заказ находится в работе, его сумма может меняться из-за добавления/удаления работ и материалов. В таком случае нужно установить чекбокс в группе статусов “Новые”, “На исполнении” и “Отложенные”, чтобы ваш клиент видел сумму к оплате по заказу только когда его заказ в статусе “Готовые” или “Доставка”.

Важно: клиент будет видеть общую сумму заказа, без учета внесенной предоплаты или каких-либо платежей. 

Настроить исключения для отображения названий статусов заказа — отметьте этот чекбокс, чтобы вместо названия одного из статусов, клиент видел в результатах поиска указанный Вами текст.

Например, у вас есть статус “Аутсорс” или “В работе у Андрея”. Можно настроить исключение таким образом, чтобы эти статусы отображались в результатах поиска как “В работе”.

Для этого нажмите на кнопку “+ Исключение”. Затем выберите статус, название которого хотите изменить. В поле “Для клиента показывать” укажите название, которое должен видеть ваш клиент и сохраните изменения.

Все добавленные исключения отображаются в таблице. Для редактирования исключения кликните два раза на его название. Не забудьте сохранить внесенные изменения. Для удаления исключения отметьте его с помощью чекбокса и нажмите на кнопку удаления.

Нажмите на кнопку “Предварительный просмотр”, чтобы увидеть внешний вид виджета. Если виджет отображается корректно, то можно приступить к следующему шагу.

В конце обязательно нажмите на кнопку “Сохранить” в диалоговом окне настройки, чтобы все изменения обновились и виджет корректно отображался на вашем сайте.

Шаг 3. Добавьте виджет на ваш сайт

Для добавления виджета (с типом кнопки “Плавающая”) на ваш сайт необходимо сделать следующее:

1. Скопируйте весь код с помощью кнопки “Копировать код” в диалоговом окне настройке виджета.

2. Вставьте скопированный код виджета в исходный код вашего сайта перед закрывающим тегом </body>. Можно разместить его в любом месте, в зависимости от вашей потребности.

Например, можно разместить код, чтобы виджет отображался на определенной странице или на всех страницах вашего сайта.

Для добавления виджета (с типом кнопки “Встроенная”) на ваш сайт необходимо дополнительно попросить вашего программиста добавить в нужном месте кнопку, которая будет инициировать появление виджета, вызывая функцию widget.open()

Пример: <button class="my_btn" onclick="window.__statusWidget.open()">Check order status</button>

Нашли ответ на свой вопрос?