Большое обновление форм
22 июня Платформе исполнилось 4 года. За это время мы добавили А/Б тесты, мультилендинги, адаптивность, анимации, реакции, слайдеры, корзину и многое другое. Изменилось почти все, кроме форм, а требования к ним выросли.
Нужны пошаговые формы, формы-калькуляторы и новые поля. Нужен новый дизайн и новые возможности. И мы все это сделали!
Вячеслав Гримальский
Сооснователь Платформы ЛП
Демонстрация новыхвозможностей
В этом примере собрана большая часть новых возможностей
Узнайте стоимостьремонта вашей квартиры
В этом демонстрационном примере мы покажем главные возможности новых форм
Выберите интерьер будущей квартиры
Укажите примерные параметры квартиры
Уточните информацию для монтажников
Какие работы требуется выполнить
Нам осталось уточнить детали :)
Оставьте заявку, чтобы уточнить итог сметы
Новый дизайн
Форма в 2018 выглядит совсем не так, как она выглядела в 2014.
Поэтому мы добавили новые современные дизайны.
Новые поля
Больше полей — больше возможностей!
Сделайте формы интереснее, выразительнее и красивее.
Галочки с картинками
Заявка
Варианты с картинками
Заявка
Галочки
Заявка
Ползунки
Заявка
Гибкая структура
Каждое поле - это отдельный виджет.
Вы можете перемещать его по странице, как другие виджеты.
Главное, чтобы он оставался внутри Формы.
Благодаря этому поля можно "смешивать" с другими виджетами.
Поля в колонках
Память
Цвет
Промокод
Поля в спойлере
До конца
акции
Заголовок окна (Действие по окончанию счетчика)
Редактируемый текст
Поля вперемешку с другими виджетами
Ещё у полей, как и у всех других виджетов, есть настройки анимации.
Анимация полей при появлении и по наведению
Поля-калькуляторы
Их ждали, их просили. Они здесь :)
И они великолепны!
Кредит на любые цели
Простой пример - калькулятор кредита.
Обратите внимание, что форма может не иметь кнопки и полей для ввода контактных данных.
Кредит на любые цели
Отправьте заявку в течение 30 минут, и получите бесплатную консультацию!
Тот же пример, но с полями и кнопкой
Калькуляторы могут не только считать, но и выполнять любые другие преобразования над полями.
Сколько человеческих летвашему коту?
Калькулятор с заданным списком значений
Например, в этом калькуляторе вместо математической формулы используется просто список возможных значений.
Узнайте ваше Ниндзя-имя!
Пример сложнее — с преобразованием букв
Смена одних букв на другие осуществляется с помощью JavaScript. В этом примере можно узнать ваше японское имя.
Формулы записываются на языке JavaScript.
Это дает преимущество как для простых пользователей, так и для программистов.
Для простых пользователей
Простые формулы со сложением, вычитанием, умножением и делением (+ - * /). Функции возведения в степень, округления и т.д. Если нужно "что-нибудь посложнее", всегда можно обратиться к программисту.
Для программистов
Использование переменных, условий и циклов. Нет нужды говорить, какие возможности это дает тем, кто умеет программировать ;)
Поля-шаблоны
Этот функционал создан специально для верстальщиков и программистов.
Он даёт возможность наглядно показывать результаты калькулятора.
Просто взгляните на пример.
Калькулятор инвестиций
Инвестиции с ежемесячным вложением равной суммы и капитализацией процентов
| Месяц | Сумма |
|---|---|
| 1 | 10250 |
| 2 | 15631 |
| 3 | 21147 |
| 4 | 26801 |
| 5 | 32596 |
| 6 | 38536 |
| 7 | 44624 |
| 8 | 50865 |
| 9 | 57261 |
| 10 | 63818 |
| 11 | 70538 |
| 12 | 77427 |
| 13 | 84487 |
| 14 | 91725 |
| 15 | 99143 |
| 16 | 106746 |
| 17 | 114540 |
| 18 | 122528 |
| 19 | 130717 |
| 20 | 139109 |
| 21 | 147712 |
| 22 | 156530 |
| 23 | 165568 |
| 24 | 174832 |
Данные из полей используются для того, чтобы сгенерировать произвольный HTML-код
Условные поля
Поля, которые появляются или исчезают по мере заполнения формы.
Не пугайте клиента количеством полей – показывайте их постепенно!
Пошаговые формы и квизы
Выше был пример калькулятора кредита.
На его примере покажем простую форму из 2 шагов.
Кредит на любые цели
Кредит на любые цели
Отправьте заявку в течение 30 минут, и получите бесплатную консультацию специалиста!
Заголовок окна (Действие по окончанию счетчика)
Редактируемый текст
Некоторое время назад популярны стали квизы,
и естественно, мы не могли обойти их стороной.
Квиз - это пошаговая форма с вопросами, которая мотивирует клиента оставить заявку.
Далее пример сложнее, квиз из 4 шагов, плюс шаг-обложка в начале и шаг-заявка в конце.
КОНСТРУКТОР ПИЦЦЫ
Создайте пиццупо собственному рецептуза 4 шага
Выберите тесто для пиццы
Выберите ингредиенты
Выберите овощи
Выберите мясо
Оформление заказа
Что ещё нужно знать
Старые формы никуда не делись и продолжат работать как раньше.
Новые формы ведут себя в редакторе почти так же, как и в публикации. Это значит, что тестировать формы можно прямо в редакторе.
Дизайн полей настраивается в настройках формы. Там же можно редактировать исходный код.
Что сделали помимо форм
Виджет «Подсветка синтаксиса»
Фиксация секции снизу
Новый дизайн спойлера
Новый раздел «Декорации»
Новый просмотр изображений
Задержка появления
Удобные регуляторы отступов
Ограничитель ширины
Удобное копирование кода
Добавлены переводы сообщений в корзине и формах на следующие языки:
Английский
Португальский
Испанский
Китайский
Немецкий
Итальянский
Французский
Чешский
Иврит
Греческий
Румынский
Польский
Украинский
Казахский
Политика конфиденциальности
Редактируемый текст
Данный сайт использует Cookie
Редактируемый текст