Виджет “Тап-бар”
Для создания виджета есть 3 шага:
Содержание - выбор названия, иконок и количества разделов в тап-баре;
Дизайн - расположение и вид вашего тап-бара;
Размещение - название виджета в списке виджетов в touch_me,
на каких страницах будет показан/не показан виджет.
Шаг 1 - Содержание.
В открывшейся странице открылось поле с виджетом и меню для содержания ссылок (см. скриншот).
То, что выделено красной рамкой - это поле для более наглядного размещения виджета на вашем сайте
(оно всегда серых цветов), а стрелкой показан сам виджет.

В тап-баре может быть максимально 5 ссылок (разделов), которые необходимо заполнить.
Если нужно менее 5 разделов, то удаляем ненужный раздел при помощи кнопки удалить.
При удалении раздела появляется кнопка “Добавить еще ссылку”, которая располагается ниже всех ссылок (см. скриншот 27).
Она появляется только если разделов меньше 5, если хотите 6 и более, то кнопка не появится, т.к. для удобства пользователя
вашего сайта нашей программой предусмотрено только 5 разделов.
Меню для заполнения ссылки-раздела:
Название - поле для ввода названия раздела, здесь просто требуется ввести текст (по умолчанию там указаны Каталог, Услуги, Корзина, Избранное и Контакты);
Ссылка - поле, куда нужно вставить ссылку, куда ведет раздел;
Пунктирное поле - поле для изменения иконки. Для этого необходимо нажать на крестик внутри поля, удалив текущую иконку, и нажать на кнопку Выбрать иконку (см. на красные стрелки на скриншоте) и в открывшимся модальном окне выбрать нужную (см. скриншот). После выбора иконки в пунктирном поле появляется название выбранной иконки, а на виджете показана сама иконка. Если выбранная иконка не подходит, то удаляем и заново выбираем другую.
Кнопка Удалить - для удаления раздела.



Шаг 2 - Дизайн.
В открывшейся странице открылось поле с виджетом (как в шаге 1) и меню для дизайна тап-бара.
В меню Расположения всего одно поле z-index - если вы хотите чем-то перекрыть наш виджет, то можете редактировать это поле.
Но как правило, это поле стандартное и вносить изменения туда не требуется.
Меню Дизайна:
Шрифт: поле для правки шрифта в виджете (см. скриншот 10).
Размер текста: поле для правки размера текста виджета. В поле можно самостоятельно ввести нужное число размера шрифта
или прибавить/убавить при помощи кнопок выше/ниже.Тень: чек-бокс для добавления или удаления тени у виджета. Если требуется добавить тень, нужно поставить галочку,
а чтобы убрать тень - нужно убрать галочку.Поле Неактивное состояние - выбор цветов в тап-баре:
Цвет фона - цвет самого тап-бара (на примере черный цвет);
Цвет иконки - цвет выбранной иконки (на примере белый);
Цвет текста - цвет названия раздела в тап-баре (на примере белый цвет);
Поля Активное состояние - выбор цветов в тап-баре:
Цвет фона - цвет самого тап-бара (на примере фиолетовый цвет);
Цвет иконки - цвет выбранной иконки (на примере желтый цвет);
Цвет текста - цвет названия раздела в тап-баре (на примере бирюзовый цвет);

Шаг 3 - Размещение.
В открывшейся странице открылась страница уже без поля для создания виджета, а просто меню. Здесь следующие поля для заполнения:
Название виджета - поле для названия виджета во внутренней системе touch_me;
Сайт - поле для вставки ссылки вашего сайта, где будет размещен виджет. Выбирается через выпадающий список;
Где показывать - выбираете на каких страницах показывать или не показывать данный виджет:
На всех страницах указанного сайта;
На всех страницах, кроме и поле для вставки ссылок страниц, где виджета не должно быть (сюда вставляем ссылки страниц через ENTER);
Только на этих страницах и поле для вставки ссылок страниц, где виджет должен быть (сюда вставляем ссылки страниц через ENTER);
URL-адреса соответствующие
Сначала при помощи кнопок выбираете как будет отображаться, а потом заполняете поля с ссылками.
Цель в Яндекс Метрике - поле для ввода кода для интеграции (получать в Яндекс Метрике).
Полностью заполненные поля можно посмотреть на скриншоте.
На примере выбрано, что виджет будет показан на указанном сайте и будет находиться на всех страницах сайта.
Когда виджет полностью создан, то нужно нажать на кнопку “Сохранить изменения” слева в самом низу страницы

Начните повышать
конверсию уже сегодня
Подключите Touch_me и превратите трафик
в реальные заявки