Feedback block

To add a feedback block, use the nested <div> tag structure:

<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>
Copied to clipboard

Attributes of the external <div data-block="widget-feedback">:

Attribute Description
data-title Takes an arbitrary text value. For example, “Feedback”. Displayed on the Turbo page if you pass the data-stick attribute set to false.
data-stick
Allows block alignment. Possible values:
  • left — Left alignment.

    With this layout, you can place up to four buttons.

  • right — Right alignment.

    With this layout, you can place up to four buttons.

  • false — The block will be located on the page in the place you specified in the RSS channel.

    In this case, the number of buttons is unlimited — the user can scroll the block to the needed button.

Attribute Description
data-title Takes an arbitrary text value. For example, “Feedback”. Displayed on the Turbo page if you pass the data-stick attribute set to false.
data-stick
Allows block alignment. Possible values:
  • left — Left alignment.

    With this layout, you can place up to four buttons.

  • right — Right alignment.

    With this layout, you can place up to four buttons.

  • false — The block will be located on the page in the place you specified in the RSS channel.

    In this case, the number of buttons is unlimited — the user can scroll the block to the needed button.

Attributes of the nested <div data-type="...">:

Attribute Description
data-type Allows you to send the connection type. Possible values:
  • call — Allows you to specify a phone number.
  • mail — Allows you to specify an email address.
  • callback — Allows you to add a feedback form that opens over the page content when the user taps the button.
  • facebook
  • google.
  • odnoklassniki
  • telegram
  • twitter
  • viber
  • vkontakte
  • whatsapp
data-url

Allows you to pass contact information.

Possible values:
  • Phone number or link in the tel:<telephone number> format.
  • Email address or link in mailto:<address> format.
  • The URL of the chat or messenger channel.
  • The URL of the social network page (group, contact and so on).
data-send-to

Allows you to specify the email address to send the user's message to. Use it for the callback connection type.

data-agreement-company ** Lets you specify your organization's legal name. For example, “Chamomile” LLC. Use it for the callback connection type.
data-agreement-link *** Allows you to specify a link to the user agreement on providing feedback. Use it for the callback connection type.
Attribute Description
data-type Allows you to send the connection type. Possible values:
  • call — Allows you to specify a phone number.
  • mail — Allows you to specify an email address.
  • callback — Allows you to add a feedback form that opens over the page content when the user taps the button.
  • facebook
  • google.
  • odnoklassniki
  • telegram
  • twitter
  • viber
  • vkontakte
  • whatsapp
data-url

Allows you to pass contact information.

Possible values:
  • Phone number or link in the tel:<telephone number> format.
  • Email address or link in mailto:<address> format.
  • The URL of the chat or messenger channel.
  • The URL of the social network page (group, contact and so on).
data-send-to

Allows you to specify the email address to send the user's message to. Use it for the callback connection type.

data-agreement-company ** Lets you specify your organization's legal name. For example, “Chamomile” LLC. Use it for the callback connection type.
data-agreement-link *** Allows you to specify a link to the user agreement on providing feedback. Use it for the callback connection type.

** This attribute is required if you specified the data-agreement-link attribute.