Array
(
    [items] => Array
        (
            [131] => Array
                (
                    [168] => Array
                        (
                            [IBLOCK_ID] => 4
                            [~IBLOCK_ID] => 4
                            [ID] => 168
                            [~ID] => 168
                            [CODE] => nastroyka-yandeks-metriki
                            [~CODE] => nastroyka-yandeks-metriki
                            [IBLOCK_SECTION_ID] => 131
                            [~IBLOCK_SECTION_ID] => 131
                            [NAME] => Настройка Яндекс.Метрики
                            [~NAME] => Настройка Яндекс.Метрики
                            [PICTURE] => 
                            [~PICTURE] => 
                            [DESCRIPTION] => 

Настройка аналитики в Яндекс.Метрика

Аналитика для виджетов осуществляется с использованием Яндекс.Метрики. Для этого необходимо, чтобы на сайт, где размещается виджет, был установлен скрипт Яндекс.Метрики.

Как подключить свой счетчик:

  1. При создании виджета перейдите в раздел "Публикация".
  2. Укажите номер вашего счётчика Яндекс.Метрики в соответствующем поле.

После сохранения настроек, данные виджета будут отправляться в указанный счётчик Яндекс.Метрики.

Как узнать свой счетчик Яндекс.Метрики

  1. Перейдите на сайт Яндекс.Метрика.
  2. Войдите в аккаунт, в котором у вас есть доступ к необходимому счётчику:

    Счетчик Яндекс.Метрики обведен красной рамкой.

  3. Скопируйте номер счётчика Яндекс.Метрики, перейдите в настройки виджета и вставьте номер в поле "Счётчик Яндекс.Метрики":

Теперь счетчик Яндекс.Метрики подключен к виджету.

Настройка целей в Яндекс.Метрика

  1. Войдите в свой счётчик Яндекс.Метрики.
  2. Перейдите в раздел "Цели":
  3. Нажмите кнопку "Добавить цель" для создания новой цели:
  4. Цели на виджеты Widster делаются через "JavaScript-событие":

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[~DESCRIPTION] =>

Настройка аналитики в Яндекс.Метрика

Аналитика для виджетов осуществляется с использованием Яндекс.Метрики. Для этого необходимо, чтобы на сайт, где размещается виджет, был установлен скрипт Яндекс.Метрики.

Как подключить свой счетчик:

  1. При создании виджета перейдите в раздел "Публикация".
  2. Укажите номер вашего счётчика Яндекс.Метрики в соответствующем поле.

После сохранения настроек, данные виджета будут отправляться в указанный счётчик Яндекс.Метрики.

Как узнать свой счетчик Яндекс.Метрики

  1. Перейдите на сайт Яндекс.Метрика.
  2. Войдите в аккаунт, в котором у вас есть доступ к необходимому счётчику:

    Счетчик Яндекс.Метрики обведен красной рамкой.

  3. Скопируйте номер счётчика Яндекс.Метрики, перейдите в настройки виджета и вставьте номер в поле "Счётчик Яндекс.Метрики":

Теперь счетчик Яндекс.Метрики подключен к виджету.

Настройка целей в Яндекс.Метрика

  1. Войдите в свой счётчик Яндекс.Метрики.
  2. Перейдите в раздел "Цели":
  3. Нажмите кнопку "Добавить цель" для создания новой цели:
  4. Цели на виджеты Widster делаются через "JavaScript-событие":

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/nastroyka-yandeks-metriki/ [~SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/nastroyka-yandeks-metriki/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 24 [~LEFT_MARGIN] => 24 [RIGHT_MARGIN] => 25 [~RIGHT_MARGIN] => 25 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 999 [~SORT] => 999 ) [165] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 165 [~ID] => 165 [CODE] => javascript-sobytiya [~CODE] => javascript-sobytiya [IBLOCK_SECTION_ID] => 131 [~IBLOCK_SECTION_ID] => 131 [NAME] => JavaScript-события для целей [~NAME] => JavaScript-события для целей [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[~DESCRIPTION] =>

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/javascript-sobytiya/ [~SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/javascript-sobytiya/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 22 [~LEFT_MARGIN] => 22 [RIGHT_MARGIN] => 23 [~RIGHT_MARGIN] => 23 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 990 [~SORT] => 990 ) [164] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 164 [~ID] => 164 [CODE] => kak-smotret-analitiku [~CODE] => kak-smotret-analitiku [IBLOCK_SECTION_ID] => 131 [~IBLOCK_SECTION_ID] => 131 [NAME] => Как смотреть аналитику [~NAME] => Как смотреть аналитику [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Как смотреть аналитику по виджетам в Яндекс.Метрика

Для детального анализа данных рекомендуем использовать инструменты Яндекс.Метрики, так как они позволяют глубже работать с аналитикой и применять данные для дальнейшей рекламы.

Работа с аналитикой в Яндекс.Метрике:

  1. Открытие отчёта по виджетам Widster
    • В интерфейсе счётчика Яндекс.Метрики перейдите в раздел «Отчёты».
    • В строке поиска введите «Параметры цели» и выберите соответствующий отчёт.
  2. Фильтрация данных по виджетам Widster
    • В отчёте нажмите на плюсик рядом с «События, в которых».
    • Выберите опцию «Достижение JS цели».
    • Укажите цели, связанные с виджетами Widster (названия целей задаются в Личном кабинете Widster).

После применения фильтров отчёт отобразит данные исключительно по вашим виджетам.

Работа с отчётом

  • Раскрывайте каждую цель для просмотра всех связанных данных.
  • Например, если у вас создано несколько баннеров, откройте «Название виджета», чтобы увидеть статистику по каждому из них.

Параметры целей и их значения

  1. Название виджета
    • Позволяет анализировать данные по каждому виджету одного типа. Название задаётся в Личном кабинете Widster.
    • Используйте фильтрацию по названию для сравнения различных виджетов.
  2. ID
    • Аналогично «Названию виджета», но предоставляет уникальную ссылку на конкретный виджет. Полезно, если название не было задано или задано некорректно.
  3. URL
    • Отображает адрес страницы сайта, где была достигнута цель.
    • Используется для анализа страниц, с которых, например, была отправлена форма Widster.
  4. href
    • Указывает переход на конкретную страницу, заданную в настройках виджета, например, из баннера или экрана «Спасибо».

Итог

С помощью данного подхода вы можете настроить отчёты в Яндекс.Метрике для анализа эффективности ваших виджетов Widster, а также использовать эти данные для оптимизации сайта и рекламы.

[~DESCRIPTION] =>

Как смотреть аналитику по виджетам в Яндекс.Метрика

Для детального анализа данных рекомендуем использовать инструменты Яндекс.Метрики, так как они позволяют глубже работать с аналитикой и применять данные для дальнейшей рекламы.

Работа с аналитикой в Яндекс.Метрике:

  1. Открытие отчёта по виджетам Widster
    • В интерфейсе счётчика Яндекс.Метрики перейдите в раздел «Отчёты».
    • В строке поиска введите «Параметры цели» и выберите соответствующий отчёт.
  2. Фильтрация данных по виджетам Widster
    • В отчёте нажмите на плюсик рядом с «События, в которых».
    • Выберите опцию «Достижение JS цели».
    • Укажите цели, связанные с виджетами Widster (названия целей задаются в Личном кабинете Widster).

После применения фильтров отчёт отобразит данные исключительно по вашим виджетам.

Работа с отчётом

  • Раскрывайте каждую цель для просмотра всех связанных данных.
  • Например, если у вас создано несколько баннеров, откройте «Название виджета», чтобы увидеть статистику по каждому из них.

Параметры целей и их значения

  1. Название виджета
    • Позволяет анализировать данные по каждому виджету одного типа. Название задаётся в Личном кабинете Widster.
    • Используйте фильтрацию по названию для сравнения различных виджетов.
  2. ID
    • Аналогично «Названию виджета», но предоставляет уникальную ссылку на конкретный виджет. Полезно, если название не было задано или задано некорректно.
  3. URL
    • Отображает адрес страницы сайта, где была достигнута цель.
    • Используется для анализа страниц, с которых, например, была отправлена форма Widster.
  4. href
    • Указывает переход на конкретную страницу, заданную в настройках виджета, например, из баннера или экрана «Спасибо».

Итог

С помощью данного подхода вы можете настроить отчёты в Яндекс.Метрике для анализа эффективности ваших виджетов Widster, а также использовать эти данные для оптимизации сайта и рекламы.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/kak-smotret-analitiku/ [~SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/kak-smotret-analitiku/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 20 [~LEFT_MARGIN] => 20 [RIGHT_MARGIN] => 21 [~RIGHT_MARGIN] => 21 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 500 [~SORT] => 500 ) ) [root] => Array ( [135] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 135 [~ID] => 135 [CODE] => informatsiya [~CODE] => informatsiya [IBLOCK_SECTION_ID] => [~IBLOCK_SECTION_ID] => [NAME] => Вводная информация [~NAME] => Вводная информация [PICTURE] => [~PICTURE] => [DESCRIPTION] => [~DESCRIPTION] => [DESCRIPTION_TYPE] => text [~DESCRIPTION_TYPE] => text [DEPTH_LEVEL] => 1 [~DEPTH_LEVEL] => 1 [SECTION_PAGE_URL] => /documentation/informatsiya/ [~SECTION_PAGE_URL] => /documentation/informatsiya/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 33 [~LEFT_MARGIN] => 33 [RIGHT_MARGIN] => 44 [~RIGHT_MARGIN] => 44 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 995 [~SORT] => 995 ) [190] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 190 [~ID] => 190 [CODE] => vidzhet-forma [~CODE] => vidzhet-forma [IBLOCK_SECTION_ID] => [~IBLOCK_SECTION_ID] => [NAME] => Виджет «Форма» [~NAME] => Виджет «Форма» [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Виджет «Форма» и все его настройки

[~DESCRIPTION] =>

Виджет «Форма» и все его настройки

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 1 [~DEPTH_LEVEL] => 1 [SECTION_PAGE_URL] => /documentation/vidzhet-forma/ [~SECTION_PAGE_URL] => /documentation/vidzhet-forma/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 31 [~LEFT_MARGIN] => 31 [RIGHT_MARGIN] => 32 [~RIGHT_MARGIN] => 32 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 985 [~SORT] => 985 ) [185] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 185 [~ID] => 185 [CODE] => vidzhet-banner [~CODE] => vidzhet-banner [IBLOCK_SECTION_ID] => [~IBLOCK_SECTION_ID] => [NAME] => Виджет «Баннер» [~NAME] => Виджет «Баннер» [PICTURE] => [~PICTURE] => [DESCRIPTION] => [~DESCRIPTION] => [DESCRIPTION_TYPE] => text [~DESCRIPTION_TYPE] => text [DEPTH_LEVEL] => 1 [~DEPTH_LEVEL] => 1 [SECTION_PAGE_URL] => /documentation/vidzhet-banner/ [~SECTION_PAGE_URL] => /documentation/vidzhet-banner/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 27 [~LEFT_MARGIN] => 27 [RIGHT_MARGIN] => 30 [~RIGHT_MARGIN] => 30 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => N [~GLOBAL_ACTIVE] => N [SORT] => 980 [~SORT] => 980 ) [131] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 131 [~ID] => 131 [CODE] => nastroyka-analitiki [~CODE] => nastroyka-analitiki [IBLOCK_SECTION_ID] => [~IBLOCK_SECTION_ID] => [NAME] => Настройка аналитики [~NAME] => Настройка аналитики [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Настройка аналитики в Яндекс.Метрика

Аналитика для виджетов осуществляется с использованием Яндекс.Метрики. Для этого необходимо, чтобы на сайт, где размещается виджет, был установлен скрипт Яндекс.Метрики.

Как подключить свой счетчик:

  1. При создании виджета перейдите в раздел "Публикация".
  2. Укажите номер вашего счётчика Яндекс.Метрики в соответствующем поле.

После сохранения настроек, данные виджета будут отправляться в указанный счётчик Яндекс.Метрики.

Как узнать свой счетчик Яндекс.Метрики

  1. Перейдите на сайт Яндекс.Метрика.
  2. Войдите в аккаунт, в котором у вас есть доступ к необходимому счётчику:

    Счетчик Яндекс.Метрики обведен красной рамкой.

  3. Скопируйте номер счётчика Яндекс.Метрики, перейдите в настройки виджета и вставьте номер в поле "Счётчик Яндекс.Метрики":

Теперь счетчик Яндекс.Метрики подключен к виджету.

Настройка целей в Яндекс.Метрика

  1. Войдите в свой счётчик Яндекс.Метрики.
  2. Перейдите в раздел "Цели":
  3. Нажмите кнопку "Добавить цель" для создания новой цели:
  4. Цели на виджеты Widster делаются через "JavaScript-событие":

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[~DESCRIPTION] =>

Настройка аналитики в Яндекс.Метрика

Аналитика для виджетов осуществляется с использованием Яндекс.Метрики. Для этого необходимо, чтобы на сайт, где размещается виджет, был установлен скрипт Яндекс.Метрики.

Как подключить свой счетчик:

  1. При создании виджета перейдите в раздел "Публикация".
  2. Укажите номер вашего счётчика Яндекс.Метрики в соответствующем поле.

После сохранения настроек, данные виджета будут отправляться в указанный счётчик Яндекс.Метрики.

Как узнать свой счетчик Яндекс.Метрики

  1. Перейдите на сайт Яндекс.Метрика.
  2. Войдите в аккаунт, в котором у вас есть доступ к необходимому счётчику:

    Счетчик Яндекс.Метрики обведен красной рамкой.

  3. Скопируйте номер счётчика Яндекс.Метрики, перейдите в настройки виджета и вставьте номер в поле "Счётчик Яндекс.Метрики":

Теперь счетчик Яндекс.Метрики подключен к виджету.

Настройка целей в Яндекс.Метрика

  1. Войдите в свой счётчик Яндекс.Метрики.
  2. Перейдите в раздел "Цели":
  3. Нажмите кнопку "Добавить цель" для создания новой цели:
  4. Цели на виджеты Widster делаются через "JavaScript-событие":

JavaScript-события для целей

Существуют следующие JavaScript-события для виджета "Форма":

  • widster_form_display - показ виджета формы.
  • widster_form_sending - успешная отправка формы.
  • widster_form_thanks - переход по ссылке после отправки формы.

Существуют следующие JavaScript-события для виджета "Баннер":

  • widster_banner_display - показ виджета баннер.
  • widster_banner_click - переход по ссылке в баннере.
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 1 [~DEPTH_LEVEL] => 1 [SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/ [~SECTION_PAGE_URL] => /documentation/nastroyka-analitiki/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 19 [~LEFT_MARGIN] => 19 [RIGHT_MARGIN] => 26 [~RIGHT_MARGIN] => 26 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 800 [~SORT] => 800 ) [113] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 113 [~ID] => 113 [CODE] => integratsii [~CODE] => integratsii [IBLOCK_SECTION_ID] => [~IBLOCK_SECTION_ID] => [NAME] => Интеграции форм [~NAME] => Интеграции форм [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграции форм

Формы в Widster поддерживают множество интеграций, позволяя вам получать лиды в удобный для вас канал. Для настройки интеграции выполните следующие шаги:

  1. Выберите нужный канал из списка.
  2. Отметьте его, поставив галочку.
  3. Заполните необходимые данные для подключения.

Каждый канал имеет свои особенности настройки интеграции. Подробные инструкции для каждого канала вы можете найти по ссылкам ниже:

[~DESCRIPTION] =>

Интеграции форм

Формы в Widster поддерживают множество интеграций, позволяя вам получать лиды в удобный для вас канал. Для настройки интеграции выполните следующие шаги:

  1. Выберите нужный канал из списка.
  2. Отметьте его, поставив галочку.
  3. Заполните необходимые данные для подключения.

Каждый канал имеет свои особенности настройки интеграции. Подробные инструкции для каждого канала вы можете найти по ссылкам ниже:

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 1 [~DEPTH_LEVEL] => 1 [SECTION_PAGE_URL] => /documentation/integratsii/ [~SECTION_PAGE_URL] => /documentation/integratsii/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 1 [~LEFT_MARGIN] => 1 [RIGHT_MARGIN] => 18 [~RIGHT_MARGIN] => 18 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 700 [~SORT] => 700 ) ) [113] => Array ( [169] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 169 [~ID] => 169 [CODE] => integratsii-form [~CODE] => integratsii-form [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Интеграции форм [~NAME] => Интеграции форм [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграции форм

Формы в Widster поддерживают множество интеграций, позволяя вам получать лиды в удобный для вас канал. Для настройки интеграции выполните следующие шаги:

  1. Выберите нужный канал из списка.
  2. Отметьте его, поставив галочку.
  3. Заполните необходимые данные для подключения.

Каждый канал имеет свои особенности настройки интеграции. Подробные инструкции для каждого канала вы можете найти по ссылкам ниже:

[~DESCRIPTION] =>

Интеграции форм

Формы в Widster поддерживают множество интеграций, позволяя вам получать лиды в удобный для вас канал. Для настройки интеграции выполните следующие шаги:

  1. Выберите нужный канал из списка.
  2. Отметьте его, поставив галочку.
  3. Заполните необходимые данные для подключения.

Каждый канал имеет свои особенности настройки интеграции. Подробные инструкции для каждого канала вы можете найти по ссылкам ниже:

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/integratsii-form/ [~SECTION_PAGE_URL] => /documentation/integratsii/integratsii-form/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 16 [~LEFT_MARGIN] => 16 [RIGHT_MARGIN] => 17 [~RIGHT_MARGIN] => 17 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 995 [~SORT] => 995 ) [114] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 114 [~ID] => 114 [CODE] => email [~CODE] => email [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Email [~NAME] => Email [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с email

  1. Перейдите в раздел «Интеграции» и активируйте опцию для поля «Email», установив соответствующую галочку.
  2. Укажите адрес электронной почты, на который будут отправляться заявки.
  3. Если требуется отправлять заявки на несколько адресов, перечислите их через запятую, как показано в примере ниже:
[~DESCRIPTION] =>

Интеграция формы с email

  1. Перейдите в раздел «Интеграции» и активируйте опцию для поля «Email», установив соответствующую галочку.
  2. Укажите адрес электронной почты, на который будут отправляться заявки.
  3. Если требуется отправлять заявки на несколько адресов, перечислите их через запятую, как показано в примере ниже:
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/email/ [~SECTION_PAGE_URL] => /documentation/integratsii/email/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 14 [~LEFT_MARGIN] => 14 [RIGHT_MARGIN] => 15 [~RIGHT_MARGIN] => 15 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 990 [~SORT] => 990 ) [115] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 115 [~ID] => 115 [CODE] => telegram [~CODE] => telegram [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Telegram [~NAME] => Telegram [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с Telegram

  1. Создайте группу в Telegram
    • Создайте новую группу и добавьте в неё коллег, которые будут обрабатывать заявки.
  2. Добавьте в группу нашего бота
    • Добавьте в созданную группу нашего бота: @widster_bot. Для этого просто скопируйте имя бота и добавьте его в группу.
  3. Определите ID группы
    • В чате группы напишите команду: /chat_id@widster_bot.
    • Эта команда отобразит уникальный ID текущей группы.
  4. Скопируйте и вставьте ID
    • Скопируйте полученный ID группы (включая символ «-»).
    • Вставьте его в поле «ID чата» в настройках вашего продукта. Пример:
[~DESCRIPTION] =>

Интеграция формы с Telegram

  1. Создайте группу в Telegram
    • Создайте новую группу и добавьте в неё коллег, которые будут обрабатывать заявки.
  2. Добавьте в группу нашего бота
    • Добавьте в созданную группу нашего бота: @widster_bot. Для этого просто скопируйте имя бота и добавьте его в группу.
  3. Определите ID группы
    • В чате группы напишите команду: /chat_id@widster_bot.
    • Эта команда отобразит уникальный ID текущей группы.
  4. Скопируйте и вставьте ID
    • Скопируйте полученный ID группы (включая символ «-»).
    • Вставьте его в поле «ID чата» в настройках вашего продукта. Пример:
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/telegram/ [~SECTION_PAGE_URL] => /documentation/integratsii/telegram/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 12 [~LEFT_MARGIN] => 12 [RIGHT_MARGIN] => 13 [~RIGHT_MARGIN] => 13 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 980 [~SORT] => 980 ) [116] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 116 [~ID] => 116 [CODE] => amo-crm [~CODE] => amo-crm [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Amo CRM [~NAME] => Amo CRM [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с amoCRM

В разделе интеграций установите галочку напротив «amo CRM». Введите данные в поля настроек интеграции. Подробное описание каждого поля приведено ниже:

  1. Определите поддомен amoCRM:
    • Войдите в личный кабинет amoCRM. В URL-адресе браузера отобразится ваш поддомен (логин).
    • Скопируйте поддомен, исключая «.amocrm.ru», и вставьте его в соответствующее поле настроек.
  2. Создайте интеграцию в amoCRM
    Для получения необходимых данных выполните следующие шаги:
    1. Перейдите в amoМаркет.

    2. Нажмите на значок с тремя точками в правом верхнем углу и выберите «Создать интеграцию».

    3. Выберите опцию «Внешняя интеграция» и нажмите «Создать».

    4. Заполните поля:
      • Доменное имя: ОБЯЗАТЕЛЬНО укажите адрес сайта https://widster.ru/
      • ОБЯЗАТЕЛЬНО поставить галочку: «Предоставить доступ: Все»
      • Название и описание: задайте произвольные значения.
      • Нажмите «Сохранить».
    5. Перейдите в раздел «Установленные», найдите созданную интеграцию по имени и откройте её.

    6. Во вкладке «Ключи и доступы» скопируйте следующие данные:
      • ID интеграции
      • Секретный ключ
      • Ключ авторизации
  3. Заполните настройки на нашем сайте
    • Вставьте скопированные данные в соответствующие поля виджета.
  4. ОБЯЗАТЕЛЬНО отправьте тестовую заявку
    • Обязательно отправьте тестовую заявку в течение 20 минут после создания интеграции.
    • Это необходимо для активации ключа авторизации.

После выполнения всех шагов интеграция будет успешно настроена.

[~DESCRIPTION] =>

Интеграция формы с amoCRM

В разделе интеграций установите галочку напротив «amo CRM». Введите данные в поля настроек интеграции. Подробное описание каждого поля приведено ниже:

  1. Определите поддомен amoCRM:
    • Войдите в личный кабинет amoCRM. В URL-адресе браузера отобразится ваш поддомен (логин).
    • Скопируйте поддомен, исключая «.amocrm.ru», и вставьте его в соответствующее поле настроек.
  2. Создайте интеграцию в amoCRM
    Для получения необходимых данных выполните следующие шаги:
    1. Перейдите в amoМаркет.

    2. Нажмите на значок с тремя точками в правом верхнем углу и выберите «Создать интеграцию».

    3. Выберите опцию «Внешняя интеграция» и нажмите «Создать».

    4. Заполните поля:
      • Доменное имя: ОБЯЗАТЕЛЬНО укажите адрес сайта https://widster.ru/
      • ОБЯЗАТЕЛЬНО поставить галочку: «Предоставить доступ: Все»
      • Название и описание: задайте произвольные значения.
      • Нажмите «Сохранить».
    5. Перейдите в раздел «Установленные», найдите созданную интеграцию по имени и откройте её.

    6. Во вкладке «Ключи и доступы» скопируйте следующие данные:
      • ID интеграции
      • Секретный ключ
      • Ключ авторизации
  3. Заполните настройки на нашем сайте
    • Вставьте скопированные данные в соответствующие поля виджета.
  4. ОБЯЗАТЕЛЬНО отправьте тестовую заявку
    • Обязательно отправьте тестовую заявку в течение 20 минут после создания интеграции.
    • Это необходимо для активации ключа авторизации.

После выполнения всех шагов интеграция будет успешно настроена.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/amo-crm/ [~SECTION_PAGE_URL] => /documentation/integratsii/amo-crm/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 10 [~LEFT_MARGIN] => 10 [RIGHT_MARGIN] => 11 [~RIGHT_MARGIN] => 11 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 970 [~SORT] => 970 ) [117] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 117 [~ID] => 117 [CODE] => bitriks-24 [~CODE] => bitriks-24 [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Битрикс 24 [~NAME] => Битрикс 24 [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с Битрикс24

  1. Перейдите в раздел CRM внутри Битрикс24.
  2. Перейдите в меню: «Интеграции» → «Rest API».
  3. Далее нажмите пункт «Другое».
  4. Далее нажмите «Входящий вебхук».
  5. В разделе «Настройка прав» выберите опцию «CRM» и сохраните изменения.
  6. Скопируйте вебхук из поля «Вебхук для вызова Rest API».
  7. Вставьте скопированный вебхук в соответствующее поле настроек на нашем сайте.

После выполнения данных шагов интеграция будет завершена, и заявки будут идти в раздел «Лиды».

[~DESCRIPTION] =>

Интеграция формы с Битрикс24

  1. Перейдите в раздел CRM внутри Битрикс24.
  2. Перейдите в меню: «Интеграции» → «Rest API».
  3. Далее нажмите пункт «Другое».
  4. Далее нажмите «Входящий вебхук».
  5. В разделе «Настройка прав» выберите опцию «CRM» и сохраните изменения.
  6. Скопируйте вебхук из поля «Вебхук для вызова Rest API».
  7. Вставьте скопированный вебхук в соответствующее поле настроек на нашем сайте.

После выполнения данных шагов интеграция будет завершена, и заявки будут идти в раздел «Лиды».

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/bitriks-24/ [~SECTION_PAGE_URL] => /documentation/integratsii/bitriks-24/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 8 [~LEFT_MARGIN] => 8 [RIGHT_MARGIN] => 9 [~RIGHT_MARGIN] => 9 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 960 [~SORT] => 960 ) [118] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 118 [~ID] => 118 [CODE] => calltouch [~CODE] => calltouch [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => CallTouch [~NAME] => CallTouch [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с CallTouch

Для начала передачи данных введите ID сайта из CallTouch.

⚠️ ОБРАТИТЕ внимание: необходимо указать ID сайта, а не ID аккаунта:

Скопируйте ЦИФРЫ, выделенные красным в URL-адресе, и вставьте их в соответствующее поле настроек на нашем сайте.

[~DESCRIPTION] =>

Интеграция формы с CallTouch

Для начала передачи данных введите ID сайта из CallTouch.

⚠️ ОБРАТИТЕ внимание: необходимо указать ID сайта, а не ID аккаунта:

Скопируйте ЦИФРЫ, выделенные красным в URL-адресе, и вставьте их в соответствующее поле настроек на нашем сайте.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/calltouch/ [~SECTION_PAGE_URL] => /documentation/integratsii/calltouch/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 6 [~LEFT_MARGIN] => 6 [RIGHT_MARGIN] => 7 [~RIGHT_MARGIN] => 7 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 950 [~SORT] => 950 ) [166] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 166 [~ID] => 166 [CODE] => roistat-proxyleads [~CODE] => roistat-proxyleads [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => Roistat Proxyleads [~NAME] => Roistat Proxyleads [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с Roistat Proxyleads

Для корректной работы интеграции необходимо наличие поля для имени (field name) и активная связь Roistat с вашей CRM.

Чтобы получить ключ интеграции:

  1. Перейдите в раздел «Интеграции».
  2. Найдите вашу CRM и нажмите на значок шестерёнки рядом с ней.
  3. Выберите пункт «Ключ интеграции» → нажмите «Показать».
  4. Скопируйте отображённый ключ и вставьте его в соответствующее поле на нашем сайте.

После выполнения этих шагов интеграция будет настроена. Теперь заявки будут идти через Roistat Proxyleads в вашу CRM систему. Также заявки будут отображаться в Roistat Proxyleads:

[~DESCRIPTION] =>

Интеграция формы с Roistat Proxyleads

Для корректной работы интеграции необходимо наличие поля для имени (field name) и активная связь Roistat с вашей CRM.

Чтобы получить ключ интеграции:

  1. Перейдите в раздел «Интеграции».
  2. Найдите вашу CRM и нажмите на значок шестерёнки рядом с ней.
  3. Выберите пункт «Ключ интеграции» → нажмите «Показать».
  4. Скопируйте отображённый ключ и вставьте его в соответствующее поле на нашем сайте.

После выполнения этих шагов интеграция будет настроена. Теперь заявки будут идти через Roistat Proxyleads в вашу CRM систему. Также заявки будут отображаться в Roistat Proxyleads:

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/roistat-proxyleads/ [~SECTION_PAGE_URL] => /documentation/integratsii/roistat-proxyleads/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 4 [~LEFT_MARGIN] => 4 [RIGHT_MARGIN] => 5 [~RIGHT_MARGIN] => 5 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 930 [~SORT] => 930 ) [167] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 167 [~ID] => 167 [CODE] => 1-s-predpriyatie [~CODE] => 1-s-predpriyatie [IBLOCK_SECTION_ID] => 113 [~IBLOCK_SECTION_ID] => 113 [NAME] => 1-С:Предприятие [~NAME] => 1-С:Предприятие [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Интеграция формы с
1-С:Предприятие (CRM)

Для корректной работы интеграции необходимо наличие поля для имени (field name). Интеграция поддерживается для CRM-систем на базе любого продукта 1С:Предприятие.

Чтобы подключить интеграцию:

  1. Войдите в систему 1С:Предприятие.
  2. Перейдите: «Настройки» → «Все интеграции».
  3. Нажимаете кнопку «+Добавить».
  4. Нажимаете кнопку «Подключить» под иконкой Webhook.
  5. Настройте и активируйте Webhook.
  6. Скопируйте сгенерированный Webhook.
  7. Вставьте его в соответствующее поле на нашем сайте.

После выполнения этих шагов интеграция будет успешно подключена и все заявки будут приходить в «CRM» → «Лиды» от 1-С:Предприятие.

[~DESCRIPTION] =>

Интеграция формы с
1-С:Предприятие (CRM)

Для корректной работы интеграции необходимо наличие поля для имени (field name). Интеграция поддерживается для CRM-систем на базе любого продукта 1С:Предприятие.

Чтобы подключить интеграцию:

  1. Войдите в систему 1С:Предприятие.
  2. Перейдите: «Настройки» → «Все интеграции».
  3. Нажимаете кнопку «+Добавить».
  4. Нажимаете кнопку «Подключить» под иконкой Webhook.
  5. Настройте и активируйте Webhook.
  6. Скопируйте сгенерированный Webhook.
  7. Вставьте его в соответствующее поле на нашем сайте.

После выполнения этих шагов интеграция будет успешно подключена и все заявки будут приходить в «CRM» → «Лиды» от 1-С:Предприятие.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/integratsii/1-s-predpriyatie/ [~SECTION_PAGE_URL] => /documentation/integratsii/1-s-predpriyatie/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 2 [~LEFT_MARGIN] => 2 [RIGHT_MARGIN] => 3 [~RIGHT_MARGIN] => 3 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 920 [~SORT] => 920 ) ) [185] => Array ( [186] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 186 [~ID] => 186 [CODE] => oformlenie [~CODE] => oformlenie [IBLOCK_SECTION_ID] => 185 [~IBLOCK_SECTION_ID] => 185 [NAME] => Оформление [~NAME] => Оформление [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Виджет «Баннер» и все его настройки

1. Оформление

1.1. Стиль

Цвет бренда определяет оформление всех активных элементов (кнопка на баннере). Вам необходимо выбрать акцентный цвет из брендбука или фирменного стиля вашей компании.

Если у вас пока нет четко определенного фирменного цвета, воспользуйтесь встроенной палитрой. Для этого нажмите на значок "палитры" и выберите подходящий оттенок. Мы рекомендуем использовать яркие цвета, чтобы привлечь внимание пользователей.

1.2. Обложка: фото / видео

Обложка может быть представлена в двух форматах:

  1. Фотография — форматы PNG, JPG, JPEG, WEBP (размер до 1 МБ).
  2. Видео — форматы MP4, WEBM (без прозрачности, без звука, размер до 3 МБ).
    В случае, если видео не загрузилось, автоматически отображается заглушка.

Вы можете выбрать один из четырех стилей размещения:

  • Слева — изображение располагается слева.
  • Справа — изображение располагается справа.
  • Сверху — изображение размещается в верхней части.
  • На фоне — баннер изменяет размер, а изображение или видео становится фоновым.

При размещении обложки на фоне доступны дополнительные параметры:

  • Выравнивание текста — слева или по центру.
  • Ориентация — горизонтальная или вертикальная.

1.3. Логотип

Загрузите логотип, и он автоматически отобразится на баннере.

  • Форматы: PNG, JPG, JPEG, WEBP
  • Рекомендуемый формат — горизонтальный для лучшей визуализации.

Выберите качественное изображение, чтобы логотип выглядел профессионально и гармонично вписывался в дизайн.

1.4. Расположение виджета относительно сайта

Расположение виджета применяется только в десктопной версии. В мобильной версии, из-за ограниченного размера экрана, виджет всегда центрируется автоматически.

Настройки расположения в десктопной версии

Расположение виджета на десктопе можно настроить с помощью соответствующего элемента интерфейса.

Примеры реализации:

  • Баннер куки — информирование пользователей о файлах cookie.
  • Вспомогательный баннер — дополнительная информация или акция.
  • Оповещение — важные уведомления или предупреждения.

С помощью этой настройки можно создавать различные механики взаимодействия с пользователями.

Дополнительные настройки

  • Блокировка скролла на фоне — при появлении баннера прокрутка сайта приостанавливается до его закрытия или перехода по ссылке.
  • Затемнение фона — при появлении баннера фон затемняется, что помогает привлечь максимум внимания к содержимому.
[~DESCRIPTION] =>

Виджет «Баннер» и все его настройки

1. Оформление

1.1. Стиль

Цвет бренда определяет оформление всех активных элементов (кнопка на баннере). Вам необходимо выбрать акцентный цвет из брендбука или фирменного стиля вашей компании.

Если у вас пока нет четко определенного фирменного цвета, воспользуйтесь встроенной палитрой. Для этого нажмите на значок "палитры" и выберите подходящий оттенок. Мы рекомендуем использовать яркие цвета, чтобы привлечь внимание пользователей.

1.2. Обложка: фото / видео

Обложка может быть представлена в двух форматах:

  1. Фотография — форматы PNG, JPG, JPEG, WEBP (размер до 1 МБ).
  2. Видео — форматы MP4, WEBM (без прозрачности, без звука, размер до 3 МБ).
    В случае, если видео не загрузилось, автоматически отображается заглушка.

Вы можете выбрать один из четырех стилей размещения:

  • Слева — изображение располагается слева.
  • Справа — изображение располагается справа.
  • Сверху — изображение размещается в верхней части.
  • На фоне — баннер изменяет размер, а изображение или видео становится фоновым.

При размещении обложки на фоне доступны дополнительные параметры:

  • Выравнивание текста — слева или по центру.
  • Ориентация — горизонтальная или вертикальная.

1.3. Логотип

Загрузите логотип, и он автоматически отобразится на баннере.

  • Форматы: PNG, JPG, JPEG, WEBP
  • Рекомендуемый формат — горизонтальный для лучшей визуализации.

Выберите качественное изображение, чтобы логотип выглядел профессионально и гармонично вписывался в дизайн.

1.4. Расположение виджета относительно сайта

Расположение виджета применяется только в десктопной версии. В мобильной версии, из-за ограниченного размера экрана, виджет всегда центрируется автоматически.

Настройки расположения в десктопной версии

Расположение виджета на десктопе можно настроить с помощью соответствующего элемента интерфейса.

Примеры реализации:

  • Баннер куки — информирование пользователей о файлах cookie.
  • Вспомогательный баннер — дополнительная информация или акция.
  • Оповещение — важные уведомления или предупреждения.

С помощью этой настройки можно создавать различные механики взаимодействия с пользователями.

Дополнительные настройки

  • Блокировка скролла на фоне — при появлении баннера прокрутка сайта приостанавливается до его закрытия или перехода по ссылке.
  • Затемнение фона — при появлении баннера фон затемняется, что помогает привлечь максимум внимания к содержимому.
[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/vidzhet-banner/oformlenie/ [~SECTION_PAGE_URL] => /documentation/vidzhet-banner/oformlenie/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 28 [~LEFT_MARGIN] => 28 [RIGHT_MARGIN] => 29 [~RIGHT_MARGIN] => 29 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => N [~GLOBAL_ACTIVE] => N [SORT] => 990 [~SORT] => 990 ) ) [135] => Array ( [136] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 136 [~ID] => 136 [CODE] => baza-znaniy [~CODE] => baza-znaniy [IBLOCK_SECTION_ID] => 135 [~IBLOCK_SECTION_ID] => 135 [NAME] => База знаний [~NAME] => База знаний [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

База знаний Widster

Вы находитесь в базе знаний сервиса Widster. Продукт был запущен 20 января 2025 года. Текущая версия документации соответствует дате её создания и будет регулярно обновляться и дополняться.

Документация обновлена 3 апреля 2025 года.

[~DESCRIPTION] =>

База знаний Widster

Вы находитесь в базе знаний сервиса Widster. Продукт был запущен 20 января 2025 года. Текущая версия документации соответствует дате её создания и будет регулярно обновляться и дополняться.

Документация обновлена 3 апреля 2025 года.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/informatsiya/baza-znaniy/ [~SECTION_PAGE_URL] => /documentation/informatsiya/baza-znaniy/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 42 [~LEFT_MARGIN] => 42 [RIGHT_MARGIN] => 43 [~RIGHT_MARGIN] => 43 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 990 [~SORT] => 990 ) [181] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 181 [~ID] => 181 [CODE] => sozdanie-akkaunta [~CODE] => sozdanie-akkaunta [IBLOCK_SECTION_ID] => 135 [~IBLOCK_SECTION_ID] => 135 [NAME] => Создание аккаунта [~NAME] => Создание аккаунта [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Создание аккаунта

  1. Перейдите на страницу регистрации или входа по ссылке: https://widster.ru/personal/login.
  2. Введите электронную почту, которую вы будете использовать для работы с сервисом.
  3. Ознакомьтесь с условиями и поставьте галочку для согласия с документами.
  4. После этого вы будете перенаправлены на страницу ввода пин-кода. Пин-код будет отправлен на указанную вами почту.
  5. Проверьте свою почту, найдите письмо от нашего сервиса и скопируйте пин-код.
  6. Введите пин-код на странице, и ваша регистрация завершена!

Вход в аккаунт

Если ваша сессия истечет, потребуется снова ввести электронную почту и вбить пин-код — это делается для вашей безопасности. ОБРАЩАЕМ ВНИМАНИЕ, что нужно вбивать ту же электронную почту, под которой вы работали в кабинете до этого.

[~DESCRIPTION] =>

Создание аккаунта

  1. Перейдите на страницу регистрации или входа по ссылке: https://widster.ru/personal/login.
  2. Введите электронную почту, которую вы будете использовать для работы с сервисом.
  3. Ознакомьтесь с условиями и поставьте галочку для согласия с документами.
  4. После этого вы будете перенаправлены на страницу ввода пин-кода. Пин-код будет отправлен на указанную вами почту.
  5. Проверьте свою почту, найдите письмо от нашего сервиса и скопируйте пин-код.
  6. Введите пин-код на странице, и ваша регистрация завершена!

Вход в аккаунт

Если ваша сессия истечет, потребуется снова ввести электронную почту и вбить пин-код — это делается для вашей безопасности. ОБРАЩАЕМ ВНИМАНИЕ, что нужно вбивать ту же электронную почту, под которой вы работали в кабинете до этого.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/informatsiya/sozdanie-akkaunta/ [~SECTION_PAGE_URL] => /documentation/informatsiya/sozdanie-akkaunta/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 40 [~LEFT_MARGIN] => 40 [RIGHT_MARGIN] => 41 [~RIGHT_MARGIN] => 41 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 980 [~SORT] => 980 ) [182] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 182 [~ID] => 182 [CODE] => oplata-servisa [~CODE] => oplata-servisa [IBLOCK_SECTION_ID] => 135 [~IBLOCK_SECTION_ID] => 135 [NAME] => Оплата сервиса [~NAME] => Оплата сервиса [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Оплата сервиса

Оплатить сервис могут как физические, так и юридические лица. Для этого перейдите по ссылке: https://widster.ru/personal/account/.

Для физических лиц:

Доступны следующие способы онлайн-оплаты:

  • Банковская карта
  • ЮMoney
  • SberPay
  • T-Pay
  • Наличные через терминалы в городе

Также вы можете подключить автоплатеж, и деньги будут списываться автоматически каждый месяц.

Для юридических лиц:

Если вы ИП, можно оплатить сервис картой. Для других юридических лиц необходимо выставить счет:

  1. В разделе "Способ оплаты" выберите "Счёт от юридического лица".
  2. Заполните все реквизиты и нажмите "Выставить счёт на продление".
  3. Сохраните счет и произведите оплату по нему.

Оплата по счету занимает 1-2 рабочих дня. Если вам срочно нужно продлить аккаунт, свяжитесь с нашей технической поддержкой в Telegram и прикрепите платежное поручение.

Лицензионный договор:

Счет формируется на основе лицензионного договора, который вы подписываете при регистрации и входе в аккаунт. Ознакомиться с договором и скачать его можно по следующей ссылке: лицензионный договор.

[~DESCRIPTION] =>

Оплата сервиса

Оплатить сервис могут как физические, так и юридические лица. Для этого перейдите по ссылке: https://widster.ru/personal/account/.

Для физических лиц:

Доступны следующие способы онлайн-оплаты:

  • Банковская карта
  • ЮMoney
  • SberPay
  • T-Pay
  • Наличные через терминалы в городе

Также вы можете подключить автоплатеж, и деньги будут списываться автоматически каждый месяц.

Для юридических лиц:

Если вы ИП, можно оплатить сервис картой. Для других юридических лиц необходимо выставить счет:

  1. В разделе "Способ оплаты" выберите "Счёт от юридического лица".
  2. Заполните все реквизиты и нажмите "Выставить счёт на продление".
  3. Сохраните счет и произведите оплату по нему.

Оплата по счету занимает 1-2 рабочих дня. Если вам срочно нужно продлить аккаунт, свяжитесь с нашей технической поддержкой в Telegram и прикрепите платежное поручение.

Лицензионный договор:

Счет формируется на основе лицензионного договора, который вы подписываете при регистрации и входе в аккаунт. Ознакомиться с договором и скачать его можно по следующей ссылке: лицензионный договор.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/informatsiya/oplata-servisa/ [~SECTION_PAGE_URL] => /documentation/informatsiya/oplata-servisa/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 38 [~LEFT_MARGIN] => 38 [RIGHT_MARGIN] => 39 [~RIGHT_MARGIN] => 39 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 970 [~SORT] => 970 ) [183] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 183 [~ID] => 183 [CODE] => kod-vidzheta [~CODE] => kod-vidzheta [IBLOCK_SECTION_ID] => 135 [~IBLOCK_SECTION_ID] => 135 [NAME] => Код виджета [~NAME] => Код виджета [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Код виджета на сайт

Наш сервис не имеет ограничений по количеству сайтов. Вы можете создать до пяти виджетов в одном кабинете и прикрепить их к пяти разным сайтам. Однако важно помнить, что скрипт нужно вставлять на сайт только один раз. Если вы уже вставили наш скрипт для одного виджета, то при добавлении новых виджетов они появятся автоматически.

Как получить код для встраивания

Код для встраивания (скрипт) можно найти на последнем этапе создания виджета в разделе "Публикация" — "Код для вставки".

Добавьте код виджета в HTML-код всех страниц вашего сайта. Код необходимо разместить внутри тегов <head> </head> или <body> </body>.

ВАЖНО: Если скрипт уже был добавлен на ваш сайт, повторно вставлять его не нужно. Достаточно одного кода — все новые виджеты подключатся автоматически.

[~DESCRIPTION] =>

Код виджета на сайт

Наш сервис не имеет ограничений по количеству сайтов. Вы можете создать до пяти виджетов в одном кабинете и прикрепить их к пяти разным сайтам. Однако важно помнить, что скрипт нужно вставлять на сайт только один раз. Если вы уже вставили наш скрипт для одного виджета, то при добавлении новых виджетов они появятся автоматически.

Как получить код для встраивания

Код для встраивания (скрипт) можно найти на последнем этапе создания виджета в разделе "Публикация" — "Код для вставки".

Добавьте код виджета в HTML-код всех страниц вашего сайта. Код необходимо разместить внутри тегов <head> </head> или <body> </body>.

ВАЖНО: Если скрипт уже был добавлен на ваш сайт, повторно вставлять его не нужно. Достаточно одного кода — все новые виджеты подключатся автоматически.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/informatsiya/kod-vidzheta/ [~SECTION_PAGE_URL] => /documentation/informatsiya/kod-vidzheta/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 36 [~LEFT_MARGIN] => 36 [RIGHT_MARGIN] => 37 [~RIGHT_MARGIN] => 37 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 960 [~SORT] => 960 ) [184] => Array ( [IBLOCK_ID] => 4 [~IBLOCK_ID] => 4 [ID] => 184 [~ID] => 184 [CODE] => vstavka-koda-na-sayt [~CODE] => vstavka-koda-na-sayt [IBLOCK_SECTION_ID] => 135 [~IBLOCK_SECTION_ID] => 135 [NAME] => Вставка кода на сайт [~NAME] => Вставка кода на сайт [PICTURE] => [~PICTURE] => [DESCRIPTION] =>

Вставка кода на сайт

Обычно установку кода на сайт выполняет ваш вебмастер, который отвечает за техническую поддержку. Если у вас есть такой специалист, просто скопируйте код виджета и передайте его ему.

Если вы самостоятельно администрируете сайт, при встраивании скрипта могут возникнуть сложности. В таком случае вы можете обратиться к нам в техническую поддержку в Telegram, и наши специалисты помогут корректно установить код.

В будущем мы планируем выпустить подробные инструкции по внедрению кода в популярные CMS и конструкторы сайтов.

[~DESCRIPTION] =>

Вставка кода на сайт

Обычно установку кода на сайт выполняет ваш вебмастер, который отвечает за техническую поддержку. Если у вас есть такой специалист, просто скопируйте код виджета и передайте его ему.

Если вы самостоятельно администрируете сайт, при встраивании скрипта могут возникнуть сложности. В таком случае вы можете обратиться к нам в техническую поддержку в Telegram, и наши специалисты помогут корректно установить код.

В будущем мы планируем выпустить подробные инструкции по внедрению кода в популярные CMS и конструкторы сайтов.

[DESCRIPTION_TYPE] => html [~DESCRIPTION_TYPE] => html [DEPTH_LEVEL] => 2 [~DEPTH_LEVEL] => 2 [SECTION_PAGE_URL] => /documentation/informatsiya/vstavka-koda-na-sayt/ [~SECTION_PAGE_URL] => /documentation/informatsiya/vstavka-koda-na-sayt/ [DETAIL_PICTURE] => [~DETAIL_PICTURE] => [LEFT_MARGIN] => 34 [~LEFT_MARGIN] => 34 [RIGHT_MARGIN] => 35 [~RIGHT_MARGIN] => 35 [CREATED_BY] => 1 [~CREATED_BY] => 1 [EXTERNAL_ID] => [~EXTERNAL_ID] => [IBLOCK_TYPE_ID] => content [~IBLOCK_TYPE_ID] => content [IBLOCK_CODE] => content_documentation [~IBLOCK_CODE] => content_documentation [IBLOCK_EXTERNAL_ID] => 1731053036 [~IBLOCK_EXTERNAL_ID] => 1731053036 [GLOBAL_ACTIVE] => Y [~GLOBAL_ACTIVE] => Y [SORT] => 950 [~SORT] => 950 ) ) ) )

База знаний Widster

Вы находитесь в базе знаний сервиса Widster. Продукт был запущен 20 января 2025 года. Текущая версия документации соответствует дате её создания и будет регулярно обновляться и дополняться.

Документация обновлена 3 апреля 2025 года.