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:
|
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:
|
Attributes of the nested <div data-type="...">
:
Attribute | Description |
---|---|
data-type | Allows you to send the connection type. Possible values:
|
data-url | Allows you to pass contact information. Possible values:
|
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:
|
data-url | Allows you to pass contact information. Possible values:
|
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.
*** This attribute is required if you specified the data-agreement-company attribute.