Как отредактировать уникальный HTML-код

Важно

Кейс описан на примере настройки регистрации лида в системе.

Для корректного заполнения полей лида, созданного после регистрации на посадочной странице, необходимо отредактировать уникальный HTML-код, а затем — разместить его в коде посадочной страницы.

Перечень полей страницы лида, которые заполняются после регистрации клиента на посадочной странице, содержится в блоке “fields” HTML-кода. В этом блоке необходимо настроить соответствие полей веб-формы и страницы лида. Пример такого блока представлен ниже.

fields:
"Name": "css-selector", // Name of a visitor, submitting the page
"Email": "css-selector", // Visitor's email
"Zip": "css-selector", // Visitor's ZIP code
"MobilePhone": "css-selector", // Visitor's phone number
"Company": "css-selector", // Name of a company (for business landing pages)
"Industry": "css-selector", // Company industry (for business landing pages)
"FullJobTitle": "css-selector", // Visitor's job title (for business landing pages)
"UseEmail": "css-selector" // Logical value: 'true' equals to visitor's opt-in to receive emails

Какие поля можно передать в лид

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

Ниже приведены значения стандартных полей из HTML-кода и соответствующие им поля на странице лида:

•“Name” —> [ФИО контакта];

•“Email” —> [Email], заполняется электронным адресом клиента;

•“Zip” —> [Индекс];

•“MobilePhone” —> [Мобильный телефон];

•“Company” —> [Название контрагента];

•“Industry” —> [Отрасль];

•“FullJobTitle” —> [Должность].

•“UseEmail” —> чек-бокс для подтверждения клиентом согласия на получение маркетинговых материалов.

Поля, которые не используются в веб-форме лендинга, можно удалить из HTML-кода при настройке соответствия полей веб-формы и страницы лида.

Как настроить соответствие полей веб-формы и страницы лида

Для заполнения страницы лида замените выражение “css-selector” на id либо class соответствующего поля в форме лендинга:

1.Скопируйте уникальный HTML-код в блоке [ШАГ 2. Скопируйте код и настройте в нем соответствие полей] в любой текстовый редактор.

2.Замените выражение “css-selector” в полученном коде на название селектора, который содержится на посадочной странице.

В разных браузерах процедура вызова исходного кода страницы различается. Рассмотрим пример настройки заполнения поля [ФИО] в браузере Chrome.

a.Перейдите на посадочную страницу и отобразите исходный код страницы (Рис. 1).

Рис. 1 — Отображение посадочной страницы с исходным кодом

b.В области исходного кода страницы нажмите на иконку (Рис. 2).

Рис. 2 — Выбор элемента кода на странице

c.Нажмите на поле [ФИО] посадочной страницы (Рис. 3).

Рис. 3 — Выбор элемента для просмотра кода

d.В области исходного кода страницы выделится часть кода, соответствующая выбранному полю (Рис. 4).

Рис. 4 — Выделенный фрагмент кода, соответствующий выбранному полю [ФИО]

e.Скопируйте значение, которое содержится в параметре “id” исходного кода посадочной страницы (Рис. 5).

Рис. 5 — Копирование значения параметра “id” исходного кода посадочной страницы

f.Замените “css-selector” значения [Name] в уникальном HTML-коде:

fields: {
"Name": "#edit-ts-form-name", // Name of a visitor, submitting the page
"Email": "css-selector", // Visitor's email
"Zip": "css-selector", // Visitor's ZIP code

Важно

Используйте значения параметров id или class для замены “css-selector”. Если для замены “css-selector” используется значение параметра “id”, то перед значением необходимо поставить #. Например, #edit-ts-form-name.

3.Аналогичным образом замените “css-selector” других полей, которые используются в форме.

На заметку

Если поле, указанное в HTML-коде, не используется на посадочной странице, удалите его.

Рекомендации по настройке соответствия полей

•С одним полем формы может быть сопоставлено несколько полей в Creatio. Например, значением, которое клиент укажет в поле “ФИО” вашей формы, могут быть заполнены поля [ФИО] (данные контакта) и [Название] (данные контрагента) на странице лида в Creatio.

•Для одного поля лида в Creatio можно настроить соответствие только одному полю вашей формы. Не следует настраивать заполнение поля лида одновременно из двух полей вашей формы, т.к. в этом случае на странице лида данные из одного поля будут перезаписаны данными другого поля.

•Рекомендуем, чтобы сопоставляемые поля формы и страницы лида имели один и тот же тип и формат. Но в случае, если в справочном поле будет найдено значение, введенное клиентом в поле другого формата, поле будет заполнено. Например, если в вашей форме поле “Страна” имеет текстовый формат и клиент ввел значение “Россия”, которое содержится в справочнике стран в Creatio, то справочное поле [Страна] на странице лида будет заполнено. Кроме того, для заполнения полей лида [Страна], [Область/штат] и [Город] настроена дополнительная логика. Если в Creatio не будут найдены введенные клиентом значения этих полей, то они сохранятся в дополнительных полях текстового формата, которые отобразятся на странице лида в блоке [Требует проверки].

•Рекомендуем при работе со справочными полями передавать в лид уникальный код, поскольку название не идентифицирует запись и может являться не уникальным в рамках системы. Если у пользователя установлен другой язык интерфейса (культура), то в случае передачи названия в системе будет создана новая запись, в большинстве случаев являющаяся дублем существующей.
Вы можете использовать для справочных полей с локализируемыми названиями радиокнопки или выпадающие списки в качестве элемента взаимодействия пользователя с системой, сохраняя в значениях уникальные коды записей системы (Id). Подробнее читайте в статье “Как настроить передачу справочных и нестандартных полей с лендинга на сайте в Creatio”.

Далее разместите уникальный html-код в коде посадочной страницы.

•Как создать лендинг на своем сайте

•Как настроить веб-форму лендинга для регистрации в Creatio контактов и других объектов

•Как настроить передачу пользовательских полей с лендинга на сайте в Creatio

•Как настроить передачу справочных и нестандартных полей с лендинга на сайте в Creatio

•Как настроить автоматическое заполнение полей лида, которые не заполнены клиентом

•Часто задаваемые вопросы при настройке лендингов