Как добавить иконки в поля формы Tilda
Готовые значки и свои изображения: как выбрать нужные поля и настроить отступы.Подробнее о модеСвернуть описание
Как добавить иконки в поля формы Tilda
Готовые значки и свои изображения: как выбрать нужные поля и настроить отступы.Что умеет мод
- Подбирает встроенные иконки для имени, почты, телефона и других текстовых полей.
- Позволяет назначать свои PNG или SVG по слову в имени или подсказке поля.
- Настраивает цвет встроенных иконок, размер и расстояние до текста.
- Применяется к формам, выбранным CSS-селектором.
Как подключить
Подготовьте форму
Добавьте поля и подключите получателя заявок в Tilda. Сохраните понятные названия и подсказки: мод использует тип поля, имя и placeholder при подборе значка.
Выберите значки
Включите встроенный набор или добавьте пары «Слово в поле» и «URL иконки». Собственная иконка имеет приоритет. Используйте прямую доступную ссылку на изображение.
Настройте размеры и область
Подберите размер, отступ слева и отступ текста, чтобы значок не перекрывал ввод. В «Расширенном» ограничьте селектор форм, если оформление требуется только части страницы.
Установите и проверьте
Скопируйте код в T123 после формы и опубликуйте страницу. Проверьте длинный текст, многострочное поле, мобильный экран и тестовую отправку.
Что учитывать. Телефонные поля со штатной маской Tilda и поля Uploadcare пропускаются. Значок дополняет текстовую подпись поля; сохраняйте её понятной.
Вопросы и ограничения
Как выбирается собственная иконка?
Мод ищет указанное слово в имени переменной или placeholder без учёта регистра. Если подходят несколько правил, используется первое.
Можно ли оставить только свои значки?
Да. Выключите встроенные иконки: значки останутся только у полей с подходящим правилом и URL.
Почему у телефона нет иконки?
Поле со штатной телефонной маской Tilda исключено из обработки. Другие текстовые поля проверяются отдельно.
Меняется ли отправка заявки?
Мод оформляет поля. Приёмщики и обработка заявки остаются настроенными в Tilda; после установки проверьте одну отправку.
Доступ к конструктору
Мод доступен по подписке Pro. Войдите в аккаунт, чтобы настроить его и получить код. Действующие условия указаны в тарифах.
