Прогресс заполнения формы в Tilda: сколько осталось

В длинной форме посетителю не всегда понятно, сколько ещё нужно заполнить. Небольшая полоса с процентом помогает оценить остаток, особенно в брифе или анкете.

Мод «Прогресс заполнения формы» считает заполненные поля. Важно не путать такой показатель с проверкой ответов: 100% ещё не означает, что почта правильная или заявка отправлена. Ниже — как настроить полезный индикатор без лишних обещаний.

Для формы с двумя полями отдельная шкала обычно мало что добавляет. В анкете из нескольких смысловых частей она полезнее: человек видит, что большая часть уже сделана.

Сначала сократите ненужные вопросы. Индикатор не сделает удобной форму, где просят слишком много данных без объяснения. Лучше пять необходимых ответов с ясными названиями, чем пятнадцать полей и яркая полоса над ними.

Выберите правило подсчёта в конструкторе. Если нужны только необходимые ответы, включите подсчёт обязательных полей. Обязательность при этом задаётся в самой Tilda.

Варианты одной группы считаются одним пунктом, а отключённые поля не участвуют. Поэтому процент не обязан совпадать с простым количеством видимых строк. Проверьте форму с реальными переключателями и выбором нескольких вариантов.

1. В разделе «Где применять» укажите ID нужного блока.
2. Для нескольких блоков можно назначить им общий класс и выбрать этот режим.
3. Задайте правило подсчёта и положение индикатора.
4. Настройте цвет, отступ и понятную подпись, например «Заполнено 3 из 5».
5. Добавьте код в T123 после форм, опубликуйте и проверьте результат.

Каждая выбранная форма получает собственный подсчёт. Соседняя короткая форма не должна менять процент длинного брифа.

Это заполненность полей по выбранному правилу. Введённая строка может быть неправильной почтой, а файл — ещё загружаться. Проверка данных и отправка остаются у Tilda.

Подпишите шкалу как заполнение. Надпись «Всё проверено» для неё не подходит. После успешной отправки посетитель должен увидеть обычное подтверждение формы, а не догадываться об успехе по заполненной полосе.

В конструкторе можно включить счётчик для текстовых полей. Он пригодится, если нужен короткий комментарий или ответ определённой длины. Для поля используется его собственный лимит maxlength, а при его отсутствии — лимит по умолчанию из настроек мода.

Не ставьте ограничение только ради аккуратной формы. Если клиенту нужно подробно объяснить задачу, слишком короткое поле заставит его обрезать полезные сведения. Лимит должен следовать задаче, а не виду счётчика.

Заполните форму по одному полю и смотрите на изменения. Затем очистите одно из ответов. Процент должен уменьшиться, а не оставаться на прежнем значении.

• Отдельно проверьте обязательные и необязательные ответы.
• Поменяйте выбор в группе переключателей.
• Сверьте два индикатора, если на странице несколько форм.
• На телефоне убедитесь, что подпись не перекрывает поле.

Если в форме нет подходящих для подсчёта полей, полоса не показывается. Сначала проверьте правило, а не добавляйте второй код поверх первого.

Читайте также: Как сохранить заполненную форму в Tilda после обновления · Загрузка файлов в форме Tilda: выбор и перетаскивание.