Виджет продуктовой строки поиска для встраивания на сайт — СКБ Контур

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

Что такое продуктовый виджет и как с ним работать

Виджет продуктовой строки поиска — элемент интерфейса, который позволяет пользователю воспользоваться функцией поиска в том или ином сервисе. Этот тип виджета привлекает внимание пользователя, а воспользовавшись поиском по нему, пользователь сразу переходит на страницу сервиса, где может посмотреть результаты поиска. При этом переход на страницу осуществится с вашим кодом партнера.

Продуктовые виджеты доступны на несколько сервисов

Контур.Фокус — сервис проверки контрагентов. С помощью виджета поиска клиент может посмотреть основную информацию о своих контрагентах и познакомиться с сервисом.

Пример виджета Фокуса:

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

Пример виджета Закупок:

Контур.Норматив — справочный сервис для бухгалтеров. С помощью виджета можно воспользоваться поиском в справочно-правовом сервисе.

Пример виджета Норматива:

Контур.Светофор — сервис экспресс-проверки контрагентов. В строке виджета пользователь может ввести данные компании и получить экспресс-отчет по ней на странице сервиса.

Пример виджета Светофора:

Контур.Диадок — сервис электронного документооборота. Введя реквизиты или название организации в строке поиска, можно проверить, кто из контрагентов уже работает в Диадоке.

Пример виджета Диадока:

Код вставки c промокодом сервисного центра

<iframe src="https://kontur.ru/widget/search/focus?p=1210" width="100%" height="116px" frameborder="0" allowTransparency="true"></iframe>

<iframe src="https://kontur.ru/widget/search/zakupki?p=1210" width="100%" height="116px" frameborder="0" allowTransparency="true"></iframe>

<iframe src="https://kontur.ru/widget/search/normativ?p=1210" width="100%" height="116px" frameborder="0" allowTransparency="true"></iframe>

<iframe src="https://kontur.ru/widget/search/svetofor-fast?p=1210" width="100%" height="116px" frameborder="0" allowTransparency="true"></iframe>

<iframe src="https://kontur.ru/widget/search/diadoc?p=1210" width="100%" height="116px" frameborder="0" allowTransparency="true"></iframe>

Настройки

Промокод сервисного центра прописывается в адрес IFRAM'a. Пример: src="https://kontur.ru/widget/search/focus?p=1210"

Важно! Вместо 1210 вам необходимо указать код вашего сервисного центра.

Название параметра в адресе виджета для всех продуктов одинаковое — «p». При переходе на результаты поиска в сервисе автоматически подставляется название параметра, которое соответствует продукту. Например, итоговый адрес результатов поиска по фокусу имеет вид: https://focus.kontur.ru/search?promo=1210&query=123

Ширина виджета

По умолчанию виджет растягивается на всю ширину страницы.

Если ширина должны быть фиксированной — необходимо изменить значение атрибута width="100%"

Прозрачность виджета

Если прозрачность нужна, нужно указать атрибут: allowTransparency="true"

Если прозрачность не нужна, надо удалить этот атрибут из кода вставки.