Flexbe
Введение
Статья для пользователей конструктора Flexbe и содержит инструкции по регистрации, созданию сайта, редактированию элементов и добавлению поп-апов.
Регистрация
Для настройки интеграции необходимо выполнить следующие действия:
- Зайдите на сайт https://app.flexbe.ru/login/;
- В самом низу страницы нажмите на синюю надпись «Регистрация»;
- Введите электронный адрес, придумайте пароль, поставьте галочку «Я согласен на обработку персональных данных» ;
- Нажмите кнопку «Зарегистрироваться» ;
Создайте сайт
- На главной странице нажмите кнопку «Создать сайт»
- Открывается окно в котором нужно указать название сайта. Также в этом окне конструктор предлагает выбрать шаблон. Для примера взят «Пустой шаблон».
- После выбора шаблона и добавления названия открывается страница редактирования.Нажмите «Добавить первую секцию»
- Открывается окно с выбором разных секций. Все секции разделены по разделам, список которых находится в левой части открытого окна.
- После добавления секции можно её отредактировать и настроить под себя. Для того чтобы настроить секцию нужно воспользоваться инструментами которые указаны на скриншоте (при нажатии на 3 точки открывается список в котором указано больше действий, в том числе удаление шаблона). В каждом инструменте сайта-конструктора доступны подсказки и всплывающие окна с дополнительными настройками, которые делают работу проще и помогают лучше понять функционал.
- Чтобы настроить элементы (текстовые блоки, картинки) в секции, наведите курсор на нужный элемент — конструктор отобразит инструменты редактирования.
Для редактирования текста достаточно один раз кликнуть по нему, после чего появится курсор и инструменты для работы с текстом.
- Для предпросмотра страницы нажмите на значок глаза рядом с кнопкой «Сохранено». С помощью этого режима можно посмотреть как будет выглядеть сайт на разных устройствах и как работают анимации шаблона.
https://api.enkod.ru/v1/tilda/form?groups=group_name1&tags=tag1
где:
- groups - системное имя группы/групп рассылок, на которые необходимо подписать контакты
- tags - тег/теги, которые необходимо присвоить переданному в enKod контакту (если передаваемого тега заранее не создано в сервисе - он будет создан автоматически)
Для подписки на две и более группы рассылок или прикреплении двух и более тегов добавьте их через «&»:
https://api.enkod.ru/v1/tilda/form?groups=group_name1&groups=group_name2&tags=tag1&tags=тег2
2. На Тильде в «Настройках сайта» перейдите в раздел «Формы» и выберите вариант «Webhook»
3. Введите созданный ранее вебхук и сохраните изменения
4. Установите:
- API METHOD - HEADER
- API NAME - apiKey
- API KEY - АПИ-ключ, предварительно созданный в аккаунте в разделе Настройки → API (Право доступа: Интеграция с Tilda forms)
5. В настройках «Контента» выберите нужный вебхук
6. В настройках полей укажите имена переменных, соответствующие системным именам основных полей и полей данных в enKod
Обратите внимание на регистр названий полей, описанный ниже. При неверной записи («firstname» вместо «firstName») поля переданы не будут.
Обязательно укажите хотя бы один из каналов:
- email - для сбора емейлов контакта
- phone - для сбора номеров телефона
При необходимости заполните основные поля:
- firstName - для имени контакта
- lastName - для фамилии контакта
Для передачи информации в поля данных укажите в переменных их системные имена.
Имя поля данных, которое вы создавали самостоятельно в enKod, вы можете посмотреть в Данные → Поля данных → столбец «Системное имя»
Особенности передачи полей данных
- При передаче дробного числа используйте в качестве разделителя точку, а не запятую, иначе поле записано не будет
- Для передачи даты используйте формат поля в виде ГГГГ-ММ-ДД
Для передачи емейла пропишите явно в соответствующем поле имя переменной «email», иначе, если это не указать, по умолчанию будет передаваться значение «Email», что сделает интеграцию невалидной и контакты не будут добавляться в enKod