Виджеты
Виджеты — это один из подразделов платформы Fasttrack, Подраздел «Виджеты» позволяет генерировать скрипт виджета для вставки на ваш сайт.
Здесь картинка: attachments/2699132988/2951806981.png
Чтобы создать виджет, нажмите на пример виджета в подразделе.
Здесь картинка: attachments/2699132988/2951839747.png
Откроется модальное окно с настройками для будущего виджета.
Здесь картинка: attachments/2699132988/2951839773.png?width=340
Диплинк - нужно выбрать из диплинков доступных на вашем аккаунте. Это обязательное поле, без него не активируется кнопка «Получить код виджета»;
Мессенджеры - в зависимости от выбора у сгенерированного скрипта будут “шарики” соц сетей которые вы тут укажете.
Примечание: Для продвинутых пользователей.
Можно выбрать все, а те, мессенджеры, которые пока не нужны закомментировать в коде. Так можно иметь ссылки сразу на все мессенджеры, но подключать уже из админки сайта или конструктора сайта минуя повторную генерацию скрипта из UI платформы.
Виджет - настройки цвета, текста сообщения и задержки показа сообщения.
Настройки цвета
Цвет в виджете (HEX) – шестнадцатеричная система представления цвета, которая использует арабские десятичные цифры от 0 до 9 и латинские буквы от A до F.
К примеру “#111111” - чёрный.
Текст сообщения. Для примера было использовано “Напишите нам” как самое часто встречающееся, так же часто встречается вариант “Мы в социальных сетях”, но вы вольны выбирать свои варианты текста для виджета, у этого поля свободный ввод.
«Показать сообщение через» - задержка показа сообщения в секундах.
«Получить код виджета». Когда все настройки для виджета закончены, нужно нажать эту кнопку.
Примечание: Нажав «Получить код виджета» вы уже не сможете вернуться к настройкам виджета. Делайте это, когда уверены, что всё выбрано и заполнено корректно.
Здесь картинка: attachments/2699132988/2951872545.png?width=448
Когда мы нажали «Получить код виджета» открывается следующее модальное окно в котором есть кнопка «Копировать» для удобного копирования скрипта в буфер обмена.
При нажатии на кнопку «Копировать» появится системное сообщение об удачной операции.
Здесь картинка: attachments/2699132988/2951872563.png?width=448
Код виджета можно сохранить в удобный вам текстовый редактор для передачи вашему специалисту, который будет его вставлять на сайте.
Примечание: Сохраните код виджета перед закрытием модального окна, если этого не сделать, то придётся заново проходить этап создания виджета. Fasttrack не хранит ранее сгенерированные варианты виджетов.
После вставки виджета из примера на сайт, он будет выглядеть следующим образом↴
Здесь картинка: attachments/2699132988/2951807032.png
Здесь картинка: attachments/2699132988/2951872553.png
При нажатии на него откроются иконки выбранных мессенджеров↴
Здесь картинка: attachments/2699132988/2951807024.png
Как редактировать код виджета?
Для продвинутых пользователей.
Расскажем как редактировать скрипт из вашей админки или редактора конструктора сайтов.
Чтобы не создавать виджет заново при каждом маленьком изменении цвета или текста сообщения достаточно знать несколько строк кода на которые нужно смотреть.
Как закомментировать строку
Кейс.
Вам сказали, что в виджете нужно отключить Viber.
Здесь картинка: attachments/2699132988/2951839817.png
В начале строки, где расположена ссылка на Viber нажимаем “ctrl + /”
Готово.
Вы закомментировали строку и теперь виджет при нажатии не будет выдавать Viber, но у вас осталась строка и если нужно будет опять включить его, вам не нужно будет заново создавать виджет из UI платформы Fasttrack.
Здесь картинка: attachments/2699132988/2951807050.png
Как поменять цвета виджета и текст в скрипте?
Кейс
Вам сказали заменить цвета и текст виджета. Ещё добавили, что цвета возможно нужно будет вернуть в ближайшее время к исходному виду.
Здесь картинка: attachments/2699132988/2951872579.png
В строках 24 и 25 выделены новые цвета, которые мы установили для виджета, но чтобы не потерять старые варианты цветов, в 37 и 38 строках мы в закомментированных строках сохранили старые цвета.
Текст редактируется строке tip Text, как правило в виджетах он не сильно большой и сложный, поэтому старую версию не сохраняли. В примере текст виджета в 31 строке красным цветом, но фактические номера строк могут отличаться на вашем виджете, в документации номера строк используются для упрощения восприятия материала.
Готово
Пример замены цвета и текста
Старая версия
#123456
#654321
Напишите нам
Здесь картинка: attachments/2699132988/2951872553.png
Здесь картинка: attachments/2699132988/2951807024.png
Обновлённая
#663399
#800080
Мы в соц сетях
Здесь картинка: attachments/2699132988/2951905339.png
Здесь картинка: attachments/2699132988/2951807050.png
Last updated