Как сделать форму загрузки файлов на Тильде

Если посетитель должен отправить резюме, макет, фотографию или документ, в форму на Tilda нужно добавить загрузку файла. Это можно сделать штатными средствами конструктора или встроить готовую форму LF Drive через HTML-блок T123.

Какие способы доступны на Tilda

Выбор зависит от того, где должны храниться вложения и как вы хотите работать с заявками.

Штатное поле загрузки Tilda

По данным справочного центра Tilda, поле загрузки файлов доступно во всех вертикальных формах. Для получения вложений нужно подключить поддерживаемое внешнее хранилище: например, Яндекс Диск, Google Drive, Dropbox, Selectel или Amazon S3. Набор доступных подключений со временем может меняться, поэтому перед настройкой проверьте актуальный список в кабинете Tilda.

Встраиваемая форма LF Drive

В LF Drive можно создать отдельную форму, настроить дополнительные поля и вставить готовый код на страницу Tilda. Файлы загружаются в аккаунт владельца формы, а данные отправителя и вложения объединяются в одну заявку.

Как добавить штатное поле «Файл» в Tilda

1. Добавьте на страницу вертикальную форму из библиотеки блоков Tilda.
2. Откройте настройки контента блока и добавьте поле загрузки файла.
3. В настройках сайта подключите поддерживаемое облачное хранилище по инструкции Tilda.
4. Укажите название поля и коротко объясните, какие материалы нужно приложить.
5. Подключите остальные приёмщики данных, если заявка также должна приходить в CRM или на почту.
6. Опубликуйте страницу и отправьте тестовую заявку.

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

Как встроить форму LF Drive через T123

1. Создайте форму

Откройте раздел форм в личном кабинете LF Drive. Задайте внутреннее название, по которому вы найдёте форму позже: «Макеты в печать», «Материалы для сайта» или «Резюме кандидатов».

2. Настройте дополнительные поля

Добавьте имя, способ связи, номер заказа или комментарий — только те сведения, которые нужны для обработки. Длинная анкета снижает вероятность отправки.

3. Скопируйте код

Скопируйте код загрузчика, который формирует LF Drive. Не изменяйте служебные адреса и идентификаторы внутри кода.

4. Добавьте блок T123

В Tilda откройте библиотеку блоков, найдите T123 «HTML-код», разместите его в нужной части страницы и вставьте код формы.

5. Опубликуйте и протестируйте

HTML-блок корректно проверяется на опубликованной странице. Отправьте по одному тесту с компьютера и телефона, затем убедитесь, что заявка и файл появились в кабинете LF Drive.

Что написать рядом с полем

Пользователь должен узнать требования до выбора файла. Хорошая подпись отвечает на три вопроса:

• что именно нужно приложить;
• какие форматы подходят;
• есть ли ограничение размера или количества.

Пример: «Прикрепите логотип в SVG, PDF или PNG. Если файлов несколько, выберите их вместе либо загрузите архив допустимого формата».

Какой вариант выбрать

Штатное поле Tilda удобно, если вы уже используете поддерживаемое облачное хранилище и вас устраивает его организация. LF Drive подходит, когда нужна готовая встраиваемая форма, дополнительные поля и единый список заявок с прикреплёнными файлами в кабинете.

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

Частые ошибки

• Форма проверяется только в редакторе. Тестируйте опубликованную страницу.
• Не объяснены форматы. Посетитель узнаёт об ограничении лишь после ошибки.
• Непонятно, кто отправил файл. Добавьте имя и один способ связи или номер заказа.
• Форма неудобна на телефоне. Проверьте iPhone и Android, длинные названия и несколько файлов.
• Не выполнена реальная отправка. Внешний вид формы не подтверждает работу обработчика.