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