Блок обратной связи

Чтобы разместить блок обратной связи, используйте вложенную структуру тегов <div>:

<div data-block="widget-feedback" data-title="Обратная связь" data-stick="false">
    <div data-type="call" data-url="+7 012 345-67-89"></div>
    <div data-type="callback"
         data-send-to="mail@example.com"
         data-agreement-company="ООО Ромашка"
         data-agreement-link="http://example.com"
    >
    </div>
    <div data-type="mail" data-url="mailto:mail@example.com"></div>
    <div data-type="facebook" data-url="https://fb.com/example"></div>
    <div data-type="google" data-url="https://plus.google.com/"></div>
    <div data-type="odnoklassniki" data-url="https://ok.ru/example"></div>
    <div data-type="telegram" data-url="https://t.me/example"></div>
    <div data-type="twitter" data-url="https://twitter.com/yandex"></div>
    <div data-type="vkontakte" data-url="https://vk.com/example"></div>
    <div data-type="whatsapp" data-url="https://wa.me/70123456789"></div>
    <div data-type="viber" data-url="viber://chat?number=+70123456789"></div>
</div>

Возможные атрибуты внешнего <div data-block="widget-feedback">:

Атрибут

Описание

data-title

Принимает произвольное текстовое значение. Например, «Обратная связь». Отображается на Турбо‑странице, если вы передаете атрибут data-stick со значением false.

data-stick

Позволяет выравнивать блок. Возможные значения:

left — выравнивание по левому краю страницы.

При таком расположении можно разместить до четырех кнопок.

right — выравнивание по правому краю страницы.

При таком расположении можно разместить до четырех кнопок.

false — блок будет расположен в том месте страницы, где он указан в RSS-канале.

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

Возможные атрибуты вложенного <div data-type="...">:

Атрибут	Описание
`data-type`	Позволяет передать тип связи. Возможные значения: `call` — позволяет указать номер телефона; `mail` — позволяет указать адрес электронной почты; `callback` — позволяет добавить форму обратной связи, которая при нажатии кнопки откроется поверх содержимого страницы; `facebook`; `google`; `odnoklassniki`; `telegram`; `twitter`; `viber`; `vkontakte`; `whatsapp`.
`data-url`	Позволяет передать контактную информацию. Возможные значения: номер телефона или ссылка вида `tel:<номер телефона>`; адрес электронной почты или ссылка вида `mailto:<адрес>`; URL, по которому доступен чат или канал в мессенджере; URL, по которому доступна страница социальной сети (группа, контакт и др.).
`data-send-to`	Позволяет указать адрес электронной почты, на который будет отправлено обращение пользователя. Используйте для типа связи `callback`.
`data-agreement-company`**	Позволяет указать юридическое название вашей организации. Например, ООО «Ромашка». Используйте для типа связи `callback`.
`data-agreement-link`***	Позволяет указать ссылку на пользовательское соглашение о предоставлении обратной связи. Используйте для типа связи `callback`.

** Атрибут становится обязательным, если указан атрибут data-agreement-link.

*** Атрибут становится обязательным, если указан атрибут data-agreement-company.

Написать в службу поддержки

Блок обратной связи

Была ли статья полезна?