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

1. Кнопка - дизайн и расположение кнопки соц сети;

2. Ссылки - дизайн и расположение и контент для открытой кнопки;

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

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

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

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

2. Расположение: здесь выбираем 1 из 3х вариантов расположения виджета на странице:
   нижний левый угол, верхний правый угол и нижний правый угол. 

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

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

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

Шаг 2 - Ссылки.

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

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

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

• Заголовок виджета - поле для ввода текста в заголовок кнопки;

• Цвет фона - выбор цвета фона в кнопке (синяя стрелка);

• Цвет текста - выбор цвета текста в кнопке (желтая стрелка);

• Тень: чек-бокс для добавления или удаления тени у виджета. Если требуется добавить тень, нужно поставить галочку, а чтобы убрать тень - нужно убрать галочку. 

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

• Поле с названием соц сети - отображается в кнопке (красная стрелка);

• Ссылка - поле для ввода ссылки соц сети;

• Иконка - по умолчанию стоит телеграмм, но при помощи кнопки “Выбрать иконку”, выбираете нужную соц сеть из списка (скриншот 40) и она автоматически подставится как в кнопку в виджете, так и в поле с ссылкой (см. красную стрелку на скриншоте 41). После добавления новой иконки требуется поменять название и вставить нужную ссылку. Если нужно удалить ссылку в виджете, то нужно нажать на кнопку “Удалить” (см. синюю стрелку на скриншоте 41).

Шаг 3 - Размещение. В открывшейся странице открылась страница уже без поля для создания виджета, а просто меню. Здесь следующие поля для заполнения: 

1. Название виджета - поле для названия виджета во внутренней системе touch_me;

2. Сайт - поле для вставки ссылки вашего сайта, где будет размещен виджет. Выбирается через выпадающий список;

3. Где показывать - выбор устройств на которых будет показываться виджет;

4. Где показывать - выбираете на каких страницах показывать или не показывать данный виджет: 

• На всех страницах указанного сайта;

•  На всех страницах, кроме и поле для вставки ссылок страниц, где виджета не должно быть (сюда вставляем ссылки страниц через ENTER);

• Только на этих страницах и поле для вставки ссылок страниц, где виджет должен быть (сюда вставляем ссылки страниц через ENTER);

• URL-адреса соответствующие

Сначала при помощи кнопок выбираете как будет отображаться, а потом заполняете поля с ссылками.

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