Вся работа с виджетами ведется во вкладке «Виджеты»
В одном кабинете Smart Contract может располагаться несколько виджетов, их максимальное количество зависит от выбранного вами тарифа.
Например, на скрине ниже мы видим с вами 2 виджета:
Как правило, виджеты при настройке подписываются, для более быстрой идентификации. В нашем случае мы видим, что у клиента стоит 2 виджета – один для новых автомобилей, другой – для центральной витрины новых автомобилей. В зависимости от того, где именно нам нужно вносить правки, тот виджет мы и корректируем.
Первоначальную настройку виджетов осуществляет команда интеграций, дальнейшие правки клиент вносит самостоятельно, или через платную поддержку.
Где получить код виджета #
Мы заходим во вкладку виджетов и видим перед собой те виджеты, с помощью которых на ваш сайт выводится определенная информация из смарт-контракта.
Красной рамкой отмечено, где мы можем получить код виджета в виде JS скрипта, зеленой – номер идентификатора для размещения на OnePlatform.
Если ваш сайт не на OnePlatform – изначально нужно подготовить корректный скрипт. Это могут сделать как ваши специалисты, скорректировав скрипт, что мы вам предоставим, либо наши технические специалисты напишут новый скрипт необходимый для вашего сайта JS в рамках платной поддержки.
Базовые настройки #
Чтобы попасть в базовые настройки виджета нам необходимо нажать на кнопку «Настройки» нужного виджета.
Мы попадаем на первую вкладку в настройках виджета – базовые настройки
Здесь мы видим возможность изменить название, дилерский центр, сайт виджета, установки времени жизни смарт-контракта (до тех пор пока сделка не уйдет в архив), какие выгоды должны применяться по данному виджету, и можно уточнить список менеджеров, не участвующих в автоматическом назначении СК.
На последнем пункте остановимся подробнее.
Создаваемые смарт-контракты в автоматическом режиме распределяются на пользователей, которые есть в системе. Бывает такое, что есть виджеты по новым автомобилям, и автомобилям с пробегом, и сделки по ним обрабатывают разные сотрудники. Чтобы сотрудникам, обрабатывающим сделки по новым автомобилям, не приходили сделки на автомобили с пробегом – заполняется список менеджеров, не участвующих в автоматическом назначении смарт-контрактов в каждом виджете. Данные настройки необходимо производить для каждого виджета.
Визуальные настройки #
У Smart Contract есть возможности менять некоторые визуальные настройки.
ВАЖНО! После осуществления настроек нажимайте кнопку «Сохранить».
Основная форма #
Если у вас подменяется форма заказа автомобилей — мы можем все поля, кроме номера телефона; выбрать, какие поля для клиента обязательные. Не забывайте о том, что если осуществляете подмену формы, необходимо указывать «Текст согласия на обработку персональных данных»
Аналогичные настройки есть для формы онлайн оплаты.
Форма онлайн-оплаты #
Кнопки #
В блоке «Кнопки» мы можем настроить необходимые названия кнопок, располагающихся в смарт-контракте. По умолчанию выставлены базовые значения для названий кнопок. Результат правок будет доступен на детальных карточках автомобилей.
У кнопок можно менять цветовую схему. По умолчанию есть несколько уже преднастроенных цветовых палитр:
Нельзя забывать, что вид кнопок не должен отличаться от фирменного стиля марки.
Подсказки #
В визуальных настройках есть блок подсказок, у которого так же есть параметры по умолчанию:
Их содержимое будет выводиться на детальной странице, в блоке под ценой – как расшифровка того, что можно сделать:
Шапка #
В блоке настроек шапки мы можем скорректировать поля для вывода в вызванном виджете смарт-контракта.
Список #
Настраивается в следующем месте: Настройки виджета > визуальные настройки > список:
В блоке настроек списка мы можем скорректировать вид кнопки, вызывающей смарт-контракт с общей страницы автомобилей в наличии:
Название #
У кнопки мы можем скорректировать название в зависимости от сценария:
В итоге на списке на кнопке будет необходимое нам название:
Позиционирование #
В итоге на списке кнопка будет располагаться на расстроянии 20% от верхнего края карточки:
Размер и жирность шрифта #
В итоге на списке будет выглядеть следующим образом:
Форма #
Данная настройка отвечает за размер кнопки и радиус анимации:
Цвет #
Так же существует возможность изменить цвет кнопок и текста:
Настройки Trade In #
Как мы уже упоминали, с помощью виджета есть возможность настроить автоматическую выгоды за Trade In – выводиться она будет на всех автомобилях, без разбора комплектаций. Сумму бонуса можно указать как через сумму базовую, например 10000 рублей, так и в процентах – например 3%.
ВАЖНО! Внимательно выставляйте сумму, чтобы она была логичной, а не составляла половину от стоимости автомобиля.
Так же стоит обратить внимание на следующие пункты:
Вы можете отключать автоматический расчет – данные с клиента будут собираться о том, какой автомобиль он хочет сдать, но ему будет показана следующая информация:
Так же вы можете выбрать – показывать или нет покупателю рыночную стоимость за его автомобиль (на основе выбранного источника) и дать возможность покупателям самим вводить ту сумму, за которую он готов сдать свой автомобиль.
Настройки Credit и Leasing #
Как мы уже упоминали, с помощью виджета есть возможность настроить автоматическую выгоды за кредит и лизинг – действовать будет для всех автомобилей.
Данные вкладки имеют идентичные настройки.
Сумму бонуса можно указать как через сумму базовую, например 10000 рублей, так и в процентах – например 3%.
Мы можем выставлять проценты первоначального взноса и остаточного платежа, регулировать периоды кредитования, ставить доступными страховки по умолчанию, и выбирать источники кредитных расчетов и онлайн одобрения их доступных в системе.
Настройки Онлайн-оплаты #
Зачем нужна онлайн-оплата? Чтобы покупатель мог внести деньги (минимальная сумма предоплаты настраивается) за автомобиль в режиме онлайн.
Настроить онлайн оплату может только пользователь с ролью «Владелец» в личном кабинете смарт контракта. В настоящий момент онлайн-оплата настраивается командой интеграций.
Онлайн оплата работает через Мерчанты или Платёжные шлюзы, обычно, это пара — логин и пароль, или логин и секретный ключ, которая относится к платёжному сервису.
Какие платёжные шлюзы мы поддерживаем? #
- Сбербанк
- ЮKassa (ЮКасса, бывшая Яндекс.Касса)
- Best 2 Pay
- Stripe
- Дилерская интеграция с любым своим платёжным шлюзом (разрабатывается платно под запрос дилера)
Настройки Чата #
В смарт-контракт может быть интегрирован чат.
В настоящий момент есть интеграция с сервисом Бачата (достаточно вставить код идентификатора), либо же вы можете добавить необходимый вам скрипт через опцию вставки кода:
Если вам потребуется помощь с пониманием, какой код необходимо разместить, вы всегда можете воспользоваться кнопкой помощи:
Виджет кнопка #
Виджет представляет собой от 1 до 3 кнопок, расположенных друг под другом. Виджет будет отображаться, если установлен код виджета на страницу. Каждая кнопка виджета будет отображаться, если указана ссылка для перехода по кнопке или в LocalStorage есть ссылка на сохраненный СК, или есть идентификатор и цена автомобиля (для первой кнопки перехода в АВН).
Примеры, как может выглядеть виджет на витрине:
Чтобы включить/отключить данный функционал, вам необходимо зайти в настройки блока Smart Contract в административной панели сайта https://oneplatform.site/ и включить бегунок «Использовать для плавающей кнопки»:
Все дальнейшие настройки осуществляются в виджете, в личном кабинете https://app.smart-contract.digital/#/widgets. Заходим в настройки необходимого виджета (именно того, под которым поставили использование для плавающей кнопки – находим его по идентификатору) > настройки > виджет-кнопка:
Здесь мы можем разместить ссылки, на которые будут ссылаться кнопки:
изменить текст на кнопках, который стоит по умолчанию:
А также различные визуальные настройки (цвет, положение на экране, размер):
Позиционирование на странице
Настройки позиционирования доступны для 3х размеров экранов по ширине:
- менее 600px
- 600px – 1264px
- более 1264px
ВАЖНО! Значения задаются в пикселях (50px), процентах (50%); 0 или auto (для игнорирования позиции).
В большинстве случаев для корректного позиционирования нужно будет указать одно значение их пары верх\низ и право\лево, для отсутствующих значений надо указать auto.
Пример для расположения виджета в нижнем левом крае: auto, auto, 24px, 50px (сверху, справа, снизу, слева)
Размеры виджета #
Размеры виджета также могут зависеть от размера экрана.
- Большой размер виджета – иконка и текст
- Маленький размер виджета – только иконка
Другие визуальные настройки #
Можно выбрать
- радиус границы (задается в пикселях (8px) или процентах (2%))
- вид виджета после взаимодействия (белый с границей в выбранный основой цвет или серый) (см. последний столбик)
- включить анимацию для привлечения внимания к виджету – создает заметную круговую анимацию вокруг виджета
Получатели #
В получатели добавляются пользователи, которым необходимо получать оповещения о всех созданных заявках и сделках в Smart-Contract. Получателей не обязательно добавлять в пользователи.
При добавлении электронной почты получателя можно включить тумблеры, которые отвечают за создание сделки и за успешную оплату в сделке.