Базовая настройка

xenoForm позволяет создавать формы сбора заявок в том дизайне, который подходит для вашего сайта.

Для этого вы можете работать с тремя сущностями:
1. Текст
2. Html-теги
3. Шорткоды (shortcodes)
1
Текст — вы можете ставить любой произвольный текст в любом месте вашей формы.

Тут все просто. Вы ставьте произвольный вам текст. Он выводится в нужном вам месте.
Оставьте ваши данные и мы вышлем вам супер-методичку!

[text required:no lead-field:'Поле сделки' text:'Введите ваше имя']
[email required:no contact-field:'Email раб.' text:'Введите email']
[submit value:'Зарегистрироваться']
2
Html-теги — используйте html-разметку, чтобы разместить поля формы в линию или вертикально, задать границы, цвет и размер.

В нашем примере, мы сделали текст более заметным, указав теги заголовка <H3>. А между полями добавили промежутки при помощи <p>.
<h3>Оставьте ваши данные и мы вышлем вам супер-методичку!</h3>

<p>[text required:no lead-field:'Поле сделки' text:'Введите ваше имя']</p>
<p>[email required:no contact-field:'Email раб.' text:'Введите email']</p>
<p>[submit value:'Зарегистрироваться']</p>
Также вы можете использовать css, чтобы органично вписать форму в дизайн вашего сайта.
<style>
h3 {font-size: 25px;}
</style>

<h3>Оставьте ваши данные и мы вышлем вам супер-методичку!</h3>

<p>[text required:no lead-field:'Поле сделки' text:'Введите ваше имя']</p>
<p>[email required:no contact-field:'Email раб.' text:'Введите email']</p>
<p>[submit value:'Зарегистрироваться']</p>
3
Шорткоды — это короткие коды, которые позволят вам задать алгоритм работы с полями. Например: передавать данные в определенное поле сделки или контакта в amoCRM.

Рассмотрим из чего состоит типичный шорткод:
[text required:no lead-field:'Поле сделки' text:'Введите ваше имя']
[text — тип поля. Значение ставится автоматически при нажатии на одну из кнопок в настройках.

required — обязательно ли заполнение поля посетителем. Значения: "yes" или "no".

lead-field — тип поля в карточке в amoCRM. Значения: "lead-field" или "contact-field". Если хотите передать данные в поле сделки, указывайте — lead-field. Если хотите передать данные в поле контакта, указывайте — contact-field.

'Поле сделки' — название поля в которое нужно передать данные, указывается в одинарных кавычках. Название поля берется непосредственно из его названия.
Популярные переменные полей
contact-field:'Имя контакта' — имя в карточке Контакта
contact-field:'Email раб.' — email в карточке Контакта
contact-field:'Раб. тел.' — номер телефона в карточке Контакта
Вы можете создавать свои поля и указывать их названия в переменных.

text:'Введите ваше имя'] — текст внутри поля или на кнопке.

Примеры

Текстовое поле для передачи данных в поле карточки контакта «Имя контакта»
[text required:yes contact-field:'Имя контакта' text:'Ваше имя']
Текстовое поле для передачи данных в поле карточки контакта «Email раб.»
[email required:no contact-field:'Email раб.' text:'Введите email']
Поле для передачи номера телефона в карточку контакта «Раб. тел.» с включенной опцией маски номера.
[phone required:no phonemask:yes contact-field:'Раб. тел.']
Поле для передачи текста в карточку сделки в форме примечания.
[text required:no lead-field:'Примечание' text:'Напишите что хотите']
Передача значения в поле карточки сделки типа «Флаг» с названием «В браке».
[switch required:no text:'Состоите ли вы в браке' lead-field:'В браке' ]
Кнопка отправки данных
[submit value:'Текст на кнопке']
Напишите Шишкину
Не нашли ответ на свой вопрос или столкнулись с ошибкой в работе виджета, напишите по контактам ниже:
Telegram: @shishcobot
Email: support@proriv.biz
Made on
Tilda