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

Чтобы разместить блок обратной связи, используйте вложенную структуру тегов <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-канале.

    В этом случае количество кнопок не ограничено — пользователь сможет прокрутить блок до нужной кнопки.
Атрибут Описание
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-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.