Marketing Creatio
PDF
Это документация Creatio версии 7.7.0. Мы рекомендуем использовать новую версию документации.

Редактирование уникального HTML-кода

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

В блоке “fields” HTML-кода содержится перечень колонок лида, которые заполняются после регистрации клиента на посадочной странице. Для заполнения страницы лида замените выражение “css-selector” на id либо class соответствующего поля в форме лендинга.

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

   },

Чтобы заменить выражение “css-selector” в уникальном HTML-коде:

1.Скопируйте уникальный HTML-код в блоке [Как настроить передачу лидов из лендинга в bpm’online] в любой текстовый редактор.

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

a.Перейдите на посадочную страницу и вызовите консоль разработчика. Появится исходный код вашей посадочной страницы (Рис. 132).

На заметку

Консоль разработчика в разных браузерах вызывается по-разному. Например, для вызова консоли разработчика в браузере Chrome нажмите на кнопку F12.

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

scr_landings_page_with_code.png 

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

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

scr_landings_choose_element.png 

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

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

scr_landings_choose_field.png 

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

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

scr_landings_code_fragment.png 

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

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

scr_landings_copy_id.png 

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-коде, не используется на посадочной странице, удалите его.

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

Смотрите также

Добавление новой записи в разделе [Лендинги]

Редактирование уникального HTML-кода

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

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