Feedback form
- Phone.
- Name.
- Question.
- In the special feedback block.
- In the page text.
- As a button.
<form
data-type="callback"
data-send-to="mail@example.com"
data-agreement-company="ООО Ромашка"
data-agreement-link="http://example.com"
>
</form>
Attribute | Description |
---|---|
data-type * | Take the callback value. |
data-send-to * | Allows you to specify the email address to send the user's message to. |
data-agreement-company ** | Lets you specify your organization's legal name. For example, “Chamomile” LLC. |
data-agreement-link *** | Allows you to specify a link to the user agreement on providing feedback. |
Attribute | Description |
---|---|
data-type * | Take the callback value. |
data-send-to * | Allows you to specify the email address to send the user's message to. |
data-agreement-company ** | Lets you specify your organization's legal name. For example, “Chamomile” LLC. |
data-agreement-link *** | Allows you to specify a link to the user agreement on providing feedback. |
*Required attribute.
** This attribute is required if you specified the data-agreement-link attribute.
*** This attribute is required if you specified the data-agreement-company attribute.
<button
formaction="mailto:mail@example.com"
data-background-color="white"
data-color="black"
data-primary="true"
data-send-to="mail@example.com"
data-agreement-company="ООО Ромашка"
data-agreement-link="http://example.com"
>
Оставить заявку
</button>
In this case, the form opens over the page content when the user clicks the button. To add a form, create a button name and wrap the text in the button element. An element can include the following attributes and their values:
Attribute | Description |
---|---|
formaction | Email address. In |
data-background-color | The button color. Possible values:
If the attribute isn't specified, the default color is gray. |
data-color | Text color. Possible values:
If the attribute isn't specified, the default color is gray. |
data-primary | Bold text. Possible values:
|
disabled | Allows you to display an inactive button. |
data-send-to * | Allows you to specify the email address to send the user's message to. |
data-agreement-company ** | Lets you specify your organization's legal name. For example, “Chamomile” LLC. |
data-agreement-link *** | Allows you to specify a link to the user agreement on providing feedback. |
Attribute | Description |
---|---|
formaction | Email address. In |
data-background-color | The button color. Possible values:
If the attribute isn't specified, the default color is gray. |
data-color | Text color. Possible values:
If the attribute isn't specified, the default color is gray. |
data-primary | Bold text. Possible values:
|
disabled | Allows you to display an inactive button. |
data-send-to * | Allows you to specify the email address to send the user's message to. |
data-agreement-company ** | Lets you specify your organization's legal name. For example, “Chamomile” LLC. |
data-agreement-link *** | Allows you to specify a link to the user agreement on providing feedback. |
*Required attribute.
** This attribute is required if you specified the data-agreement-link attribute.
*** This attribute is required if you specified the data-agreement-company attribute.