# Стили формы персональных данных в чате на сайт

Если в агенте есть функция с действием ["Форма персональных данных"](/functional/functions/sending-result/forma-personalnykh-dannykh.md) , в настройках чата на сайт вы можете персонализировать внешний вид формы, которая открывается внутри [виджета](/functional/integrations/chat-na-sait/vidzhet-dlya-saita.md) или [встроенного чата на сайт](/functional/integrations/chat-na-sait/chat-lending-na-veb-sait-iframe.md).

{% hint style="warning" %}
Для виджета и встроенного чата на сайт стили формы персональных данных настраиваются отдельно в соответствующих разделах настроек ("Интеграции" → "Чат на сайт" → "Виджет для сайта" или "Html код в тело сайта").
{% endhint %}

Если функций с действием ["Форма персональных данных"](/functional/functions/sending-result/forma-personalnykh-dannykh.md) несколько, интерфейс позволяет настраивать стиль формы **отдельно для каждой.**

<div align="left"><figure><img src="/files/28zED3yHNwQ2iRYeeNdy" alt="" width="375"><figcaption></figcaption></figure></div>

## Способы настройки стилей

Доступны два варианта:

### 1. Настройка вручную

Вы можете изменить:

* заголовок формы;
* текст кнопки отправки;
* уведомление об успешной отправке;
* фон окна и цвет заголовка;
* фон и цвет иконки формы;
* фон полей и цвет текста;
* цвет чекбокса и цвет ссылки в тексте согласия;
* цвет и толщину границ полей;
* цвет меток (лейблов);
* стиль обводки при фокусе;
* фон и цвет текста кнопки отправки.

### 2. Импорт стилей из функции

Если в функции, где настроено действие "Форма персональных данных", уже задан стиль формы, вы можете импортировать его:

1\. Нажмите "Импорт из функции".

![](/files/8PsXqfbdLubHPmIvip8V)

2\. Выберите функцию, из которой хотите перенести настройки стилей.

![](/files/bIlvK8XfgpM5vyciXQIk)

3\. Нажмите кнопку “Импортировать”.

![](/files/VY2ehGIuaB7zeVsp27Rs)

После импорта базовых параметров стилей вы также можете отдельно кастомизировать внешний вид иконки формы.

![](/files/4JAMNLGlsjFuIwB2qxIo)

## Предварительный просмотр

В левой части окна настроек отображается предварительный просмотр формы с учётом всех заданных параметров стиля.

### Для виджета:

<figure><img src="/files/oExLN2kCASdy4ynRK2wg" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/X53d6AIhPcB2AFs81I1R" alt=""><figcaption></figcaption></figure>

### Для встроенного чата на сайт:

<figure><img src="/files/LqRsg31gm2cwEMyVyDtE" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/NefMfkKr7dXzeVrpyNj9" alt=""><figcaption></figcaption></figure>

## Сохранение и сброс настроек

* Кнопка "Сбросить" возвращает стили формы персональных данных к базовым значениям.
* После внесения изменений обязательно нажмите "Сохранить".

<figure><img src="/files/Qkw5COXVbYpiLDZdu2Tp" alt="" width="370"><figcaption></figcaption></figure>

{% hint style="info" %}
**Важно**

После изменения стилей необходимо **обновить код** чата на вашем сайте, чтобы форма корректно отобразилась с учётом новых настроек.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://doc.nextbot.ru/functional/integrations/chat-na-sait/stili-formy-personalnykh-dannykh-v-chate-na-sait.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.