Как настроить автозаполнение полей
Вы можете передавать дополнительные данные пользователей при отправке формы попапа из локального хранилища браузера пользователя или из вашей системы через API.
Рассмотрим, как создать переменную и подключить ее к полю попапа.
Добавьте переменную
Выберите проект, в котором будете передавать нужные вам данные. Перейдите в Настройки (Settings) > Пользовательские переменные (Custom variables) и нажмите Добавить переменную (Add variable).
Вы также можете создавать переменные при создании или редактировании попапа. Перейдите в конструктор попапа в редактирование элемента Поле введения. В поле Переменная нажмите на {} и выберите Добавить переменную.
Выберите, каким методом передавать информацию из вашего сайта в попап:
| API | Передача данных через сетевой запрос к серверу. Может использовать разные HTTP методы (GET, POST, PUT, DELETE и др.).
Используется, чтобы отправлять запросы для получения данных из вашей системы. К примеру, если у вас пользователь уже зарегистрировался на сайте и вы уже имеете его данные. |
| Local storage | Передача данных из сохраненных данных в объекте localStorage на стороне пользователя. Данные сохраняются между сеансами работы с браузером и не имеют срока годности. |
| Cookie | Передача данных из файла куков на стороне пользователя. Данные могут иметь срок действия (пока пользователь не почистит браузер). |
| URL | Передача данных из URL-адреса сайта. Такие переменные отображаются прямо в адресе, обычно после знака ?. Например, https://example-site.com/index.php?userid=123. |
Введите название переменной, которое вам нужно будет передавать в виде ключа со своего сайта.
Выберите тип данных, которые будут передаваться в переменной:
| Строка (String) | Используется для передачи до 255 текстовых символов. |
| Число (Number) | Используется для передачи числовых значений. |
| Email (Email) | Используется для передачи email адресов в виде example@example.com. |
| Телефон (Phone) | Используется для передачи телефонных номеров. Рекомендуется использовать международный формат c кодом страны. |
Нажмите Добавить.
Для метода передачи API вам нужно будет еще добавить скрипт на ваш сайт для передачи данных. Перейдите в Настройки > Пользовательские переменные, нажмите Получить скрипт и скопируйте скрипт.
Ключи чувствительны к регистру. Чтобы правильно идентифицировать переменную, проверьте, какое название переменной вы создали в интерфейсе и в таком же виде передавайте.
Если вы создаете новую переменную, вам нужно ее добавить в код, который установили на сайте либо скопировать обновленный код в интерфейсе.
Выберите переменную в попапе
Перейдите в конструктор создания попапа и выберите элемент Поле ввода (Entry field). В панели редактирования элемента возле поля, для которого нужно подставлять значения переменной, нажмите на {} и выберите переменную.
Вы можете настраивать подстановку переменных только для элемента Поле ввода. Тип переменной должен совпадать с типом поля ввода.
Вы также можете скрыть поля, если они будут предварительно заполнены значениям из переменных. Например, если пользователь уже регистрировался и у вас есть необходимые данные, вы можете его дополнительно не запрашивать ту же информацию.
По умолчанию, если у вас или у пользователя в системе имеются значение для выбранных переменных, виджет автоматически подставит эти значения в поля. Пользователь может их просмотреть, редактировать и только потом отправить.
Если вы включите функцию Скрыть предварительно заполненное поле, поля скроются от пользователя, а значения передаются во время отправки формы.
Продолжите настраивать попап и сохраните его.
Когда пользователю отобразится попап, в поля подставятся значения из выбранного метода передачи данных. Пользователь может оставить эти значения или добавить свои. После отправки формы данные будут передаваться в раздел Контакт и, если подключали дополнительные опции — в Email и CRM сервисы.
Обновлено: 11.10.2024
или