Виджеты для сайта

Внимание! Список (типы) виджетов можно посмотреть в конце страницы, сначала инструкция как установить виджет на сайт.

Чтобы установить на свой сайт наши виджеты вам необходимо:
  1. Зарегистрироваться (и подтвердить свой емайл)
    Регистрация
  2. Авторизоваться
    Авторизация
  3. Перейти в панель управления
    Не доступно без авторизации
  4. В панели управления выбрать нужный тип виджета
    Выберите тип виджета для сайта
  5. Создать новый виджет
    Жмем кнопку "Добавить виджет" (для примера мы создаем новый виджет "Генератор скидки")
    На первой вкладке не забудьте указать сайты, на которых виджет будет использоваться, иначе он не будет отображаться на сайте
    Создание нового виджета
    После заполнения обязательных полей на текущей вкладке нажимаем кнопку "Вперед" и последовательно заполняем другие вкладки
  6. Сделать необходимые настройки - шаг 2 (email)
    Вводим емайл для отправки сообщений и настраиваем шаблон письма: Настройка виджета
  7. Настройки - шаг 3 (Выбор событий появления)
    Выбираем события появления виджета если необходимо. По умолчанию выбрано событие - виджет появляется при загрузке страницы. Для изменения нужно удалить текущее и добавить новое: выбрать событие отображения По кнопке добавления доступны события: события появления Также можно указать задержку в секундах от наступления события до появления виджета: виджет появляется при наведении мыши через N секунд В данном примере виджет появится через 5 секунд после наведения посетителем курсором мыши на html элемент с классом mouse.
  8. Настройки - шаг 4
    Если планируем делать виджет встраиваемым в контент сайта необходимо указать id элемента (например id div) в который мы хотим поместить виджет Настройка ид элемента
    и как обычно жмем "Вперед"
  9. Настройки - шаг 5 (дизайн и позиционирование)
    На этом шаге вам предлагается уже готовый вариант дизайна виджета,
    Дизайн виджета
    но вы можете изменить цветовую схему, например выбрать другой цвет шапки и кнопок (рекомендуем оставить их одинаковыми). Для этого удобно использовать диалог выбора цвета
    Выбор цвета
    Выбираем позиционирование - встроенный или нет отдельно для свёрнутого состояния (кстати его можно будет вообще отключить в дизайнере)
    Позиционирование
    и для развернутого, и аналогично расположение на странице (или относительно корневого элемента) Расположение виджета на сайте
  10. Настройки - шаг 6
    На этом шаге еще раз проверяем все ли правильно мы заполнили Проверка
    и жмем "Финиш"
  11. Вставка кода виджета на ваш сайт
    На этом этапе мы можем наблюдать как выглядит наш виджет. Cледуем инструкции по размещению кода виджета на сайте. Позиционирование

Расширенные настройки после создания виджета можно посмотреть на странице

Примеры виджетов


В данный момент реализованы следующие виды виджетов для размещения на сайтах: Условия использования виджетов ==>