Прогресс заполнения формы в Tilda
Полоса заполненности, процент и счётчик символов: настройка и ограничения подсчёта.Подробнее о модеСвернуть описание
Прогресс заполнения формы в Tilda
Полоса заполненности, процент и счётчик символов: настройка и ограничения подсчёта.Что умеет мод
- Считает заполненность всех полей или только обязательных.
- Размещает полосу сверху формы или перед кнопкой отправки.
- Позволяет показать процент, подпись и отдельный цвет при 100%.
- Добавляет счётчик символов для больших текстовых полей.
Как подключить
Выберите область действия
Укажите ID блока в «Где применять». Для нескольких блоков назначьте им общий CSS Class Name и выберите режим класса. Каждая форма внутри выбранных блоков считается отдельно.
Задайте правила подсчёта
Выберите все поля или только обязательные. Обязательность задаётся в Tilda. Отключённые поля исключаются; варианты одной группы учитываются как один пункт.
Настройте индикатор
Выберите место, отступ, цвета и подпись. При необходимости включите счётчик символов и лимит по умолчанию для текстовых полей.
Опубликуйте и проверьте
Вставьте код в T123 после форм. На сайте заполните и очистите поля, переключите варианты ответа. Убедитесь, что соседняя форма вне выбранной области не меняется.
Что учитывать. 100% показывает заполненность, а не правильность данных, завершение загрузки файлов или успешную отправку. Форма без подходящих для подсчёта полей не показывает полосу.
Вопросы и ограничения
Можно считать только обязательные поля?
Да. Выберите этот режим в конструкторе и отметьте нужные поля обязательными в настройках Tilda.
Проверяет ли мод правильность почты и телефона?
Нет. Проверки данных и отправка остаются у Tilda. Заполненное поле может содержать ошибку даже при 100%.
Как работает счётчик символов?
Для поля используется его собственный maxlength. Если он не задан, применяется лимит по умолчанию из конструктора.
Несколько форм получат общий процент?
Нет. У каждой выбранной формы собственный индикатор и независимый подсчёт.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
