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

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

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

Текст — вы можете ставить любой произвольный текст в любом месте вашей формы.

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

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

[text required:no lead-field:'Поле сделки' text:'Введите ваше имя']
[email required:no contact-field:'Email раб.' text:'Введите email']
[submit value:'Зарегистрироваться']

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>

Шорткоды — это короткие коды, которые позволят вам задать алгоритм работы с полями. Например: передавать данные в определенное поле сделки или контакта в 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
WhatsApp: +79650340088

Договор-оферта

Политика конфиденциальности