Мультикнопка

Введение

Добавляйте иконки с ссылками на ваши профили в социальных сетях. Больше мессенджеров – больше возможностей продаж.

Для создания виджета есть 3 шага: 

1. Кнопка - дизайн и расположение кнопки соц сети;
2. Ссылки - дизайн и расположение и контент для открытой кнопки;
3. Размещение - название виджета в списке виджетов в touch_me, на каких страницах будет показан/не показан виджет, код для подключения к Яндекс Метрике. 

Шаг 1 - Кнопка

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

Меню в разделе:

1. Дизайн: здесь одно поле Размер иконки - поле для правки размера иконки виджета.
   В поле можно самостоятельно ввести нужное число размера или прибавить/убавить при помощи кнопок выше/ниже.
2. Расположение: здесь выбираем 1 из 3х вариантов расположения виджета на странице: нижний левый угол, верхний правый угол и нижний правый угол. 

• z-index - если вы хотите чем-то перекрыть наш виджет, то можете редактировать это поле.
  Но как правило, это поле стандартное и вносить изменения туда не требуется.
• Чек-бокс “Показывать только на первом экране” - возможность показа виджета только на первом экране,
  не затрагивая другие страницы.

3. Отступы: поле для настройки отступов в ручную. В поле можно самостоятельно ввести нужное число
   размера отступа или прибавить/убавить при помощи кнопок выше/ниже.

Шаг 2 - Ссылки

В открывшейся странице открылось поле с виджетом (как в шаге 1) и меню для наполнения кнопки текстом.

Меню в разделе:

1. Дизайн (см. скриншот ниже)

• Заголовок виджета - поле для ввода текста в заголовок кнопки;
• Цвет фона - выбор цвета фона в кнопке (синяя стрелка);
• Цвет текста - выбор цвета текста в кнопке (желтая стрелка);
• Тень - чек-бокс для добавления или удаления тени у виджета. Если требуется добавить тень, нужно поставить галочку, а чтобы убрать тень - нужно убрать галочку. 

2. Интеграции — в этом разделе можно включить или отключить интеграции с внешними сервисами (например, Яндекс.Метрикой и Roistat). Используйте переключатели справа для управления каждой интеграцией.

3. Телефон — поле, предусмотренное системой по умолчанию, предназначенное для ввода контактного номера телефона. При необходимости отображение поля можно отключить с помощью переключателя.

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

5. Ссылки - поля для подключения кнопок

• Название — название соц сети, которое отображается в кнопке (красная стрелка);
• Ссылка — поле для ввода ссылки соц сети;
• Иконка — по умолчанию используется иконка Telegram. Чтобы выбрать другую, нажмите кнопку «Библиотека иконок» и выберите нужную иконку из списка (или воспользуйтесь поиском). Если подходящей иконки нет, ее можно загрузить самостоятельно с помощью кнопки «Загрузить SVG».

После выбора иконки она автоматически отображается как на кнопке в виджете, так и в поле со ссылкой (см. красную стрелку на скриншоте ниже).

После добавления новой социальной сети необходимо:

1. указать ее название;
2. вставить ссылку на профиль или страницу.

Чтобы добавить еще одну социальную сеть, нажмите кнопку «Добавить еще ссылку».

Кнопка «Удалить» отображается только в том случае, если в списке добавлено две и более ссылки. Чтобы удалить социальную сеть из виджета, нажмите кнопку «Удалить» (см. синюю стрелку на скриншоте ниже).

Шаг 3 - Размещение

После создания виджета откроется страница «Размещение», где необходимо настроить параметры его отображения.

Доступны следующие поля:

1. Название виджета — поле для ввода названия виджета во внутренней системе touch_me;
2. Сайт — выпадающий список для выбора сайта, на котором будет размещен виджет;
3. Устройства на которых показывать — выбор устройств, на которых будет отображаться виджет;
4. Где показывать — настройка страниц, на которых будет отображаться виджет. Доступны четыре варианта:

• На всех страницах указанного сайта — виджет будет отображаться на всех страницах выбранного сайта;
• На всех страницах, кроме — виджет будет отображаться на всех страницах, кроме указанных. Вставьте ссылки на страницы, где виджет не должен отображаться. Каждую ссылку необходимо добавлять с новой строки (нажимая Enter);
• Только на этих страницах — виджет будет отображаться только на указанных страницах. Вставьте ссылки на нужные страницы, добавляя каждую с новой строки (нажимая Enter)
• URL-адреса соответствующие — виджет будет отображаться на страницах, URL-адреса которых соответствуют заданному условию (например, содержат определенную часть адреса, начинаются или заканчиваются указанным значением).