Загрузка и скачивание файлов с Tilda Publishsing. Получение загруженных файлов в Telegram

Введение

Загрузка и скачивание файлов с Tilda. Tilda Publishing — это платформа для создания сайтов и лендингов. С ее помощью можно быстро и легко создавать качественный контент, размещать его на своем сайте и делиться с другими пользователями. Однако, Tilda имеет некоторые ограничения, например у нее нет собственного хранилища файлов. Из-за этого, у среднестатистического владельца Тильда сайта нет возможности загрузить свои файлы на сайт так, чтобы посетители его сайта потом могли эти файлы скачать по прямой ссылке. Но это еще не все ограничения платформы, связанные с файлообменом. Прикрепить файл со стороны пользователя так же является почти невозможным. Почти, потому что стандартный способ не пользуется популярностью. Однако, решение этих двух проблем имеется.

В этой статье мы рассмотрим:

1. Как реализовать на своем сайте Tilda функцию скачивания файлов по прямой ссылке.
2. Как дать пользователю возможность прикреплять свои файлы любого формата и отправлять их в ваш telegram бот.

Загрузка и скачивание файлов с Tilda. Как скачать файл в Tilda по прямой ссылке

Если вы планируете делиться с вашими посетителями какими-то изображениями в форматах JPEG, PNG и SVG, то их можно загрузить в zero block, скопировать их ссылки и присваивать эти ссылки любой кнопке, которая предназначена для того, чтобы дать пользователю скачать файл.

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

1. Создайте любую кнопку или элемент, которые будут ссылаться на ваши файлы и запускать процесс скачивания.
2. Перейдите в LF Cloud – простое и безопасное хранилище фалов с генерацией прямых ссылок для скачивания.
3. Нажмите на кнопку «Выберите файл».
4. Выберите файл с вашего устройства и нажмите на кнопку «Загрузить».
5. После загрузки файла на сервер, внизу появится прямая ссылка на ваш файл.
6. Скопируйте его и вернитесь в редактор своего Тильда сайта.
7.  Откройте настройки кнопки или элемента (загрузчика) и вставьте ссылку на ваш файл в поле «URL».
8. После публикации, нажатие на эту кнопку приведет к прямому скачиванию вашего файла!

Загрузка и скачивание файлов с Tilda. Как прикрепить файл в Tilda и отправить в telegram бот

Как мы уже писали выше, в конструкторе сайтов Tilda Publishing функция загрузки или прикрепления файлов со стороны пользователя реализована на 10% из 100. То есть, то, что нам предлагает Тильда – максимально ограничено и лишено комфорта как в разработке, так и в использовании.

Мы же вам предлагаем альтернативный вариант того, как загружать свои файлы на Тильда сайт легко и без особых замарочек. Да еще и получать файлы со стороны пользователей прямо в свой telegram бот. Именно поэтому, первым делом, мы создадим бота в telegram, который будет принимать файлы, отправленные посетителями вашего Tilda сайта.

Как создать telegram бота

1. Откройте telegram на вашем устройстве.
2. Введите в поиске «BotFather», откройте бота и нажмите на кнопку «Запустить».
3. В полученном сообщении от бота нажмите на «/newbot» или введите эту команду в поле «Написать сообщение» и отправьте боту.
4. После этого BotFather предложит вам придумать название для вашего бота. (Пример: sitefilebot)

5. Когда придумаете название и отправите боту, он предложит придумать имя пользователя. (Пример: TetrisBot или tetris_bot)
6. После этих действий BotFather отправит вам поздравительное сообщение, которое будет содержать ссылку на ваш бот и его API token.
7. Скопируйте API token и сохраните в удобном месте, он вам еще пригодится.
8. Теперь нажмите на ссылку на вам бот и нажмите на кнопку «Запустить», чтобы запустить вашего нового бота.

Как найти chat id telegram бота

1. Откройте любой браузер и скопируйте в поисковую строку следующую ссылку: https://api.telegram.org/botAPI Token/getUpdates
2. Скопируйте API token вашего из диалога с BotFather или из того места, куда вы его сохранили и вставьте в ссылку в браузере после слова «bot» вместо «API Token».

Должна получиться такая конструкция:

https://api.telegram.org/bot6160950251:AAGGzoI_VXVTvKVWfgb8k5bt7v27z1iZfVI/getUpdates

3. Когда соберете корректную ссылку, нажмите на «Enter» и перейдите по ней.
4. Если все сделали правильно, в окне браузера увидите следующий текст: {“ok”:true,”result”:[]}
5. Не закрывайте эту вкладку в браузере.
6. Вернитесь в свой telegram бот и напишите ему любое сообщение.
7. После этого обновите вкладку в браузере.
8. Найдите chat id, скопируйте и сохраните его в удобном месте. (Пример: “chat”:{“id”:801546823 )

Как загрузить файл в Tilda

В предыдущих главах мы создали своего telegram бота, получили его API token и chat ID. Теперь мы полностью готовы к тому, чтобы реализовать загрузку файлов на Tilda. Для этого:

1. Создайте zero block.
2. Нажмите на кнопку «+» и выберите «Add HTML».
3. Откройте html элемент и скопируйте в него следующий код:

4. Скопируйте API token вашего telegram бота и вставьте его в код, в строку 81 в ссылку «https://api.telegram.org/botAPI Token/sendDocument» вместо «API Token».
5. Скопируйте chat id вашего бота и вставьте его в строку 78 в «formData.append».
6. Сохраните изменения и опубликуйте страницу.

В итоге мы получили кнопки выбора файла и отправки этого файла в telegram. После того, как пользователь выберет файл, название этого файла отобразится внутри кнопки выбора. Когда пользователь нажимает на кнопку «отправить», внизу появляется текст «Отправка файла…», который сменяется на «Файл успешно отправлен в telegram бот!». Сразу же после этого прикрепленный пользователем файл оказывается в вашем telegram боте.

Заключение

Как мы видели, Tilda Publishing представляет собой удобную платформу для создания сайтов и лендингов. Однако, у нее есть некоторые ограничения, которые связаны с хранением и обменом файлами. В данной статье мы рассмотрели две проблемы, связанные с загрузкой файлов на сайт и обменом файлами со стороны пользователя, и предложили их решения. Для загрузки файлов на сайт можно использовать сторонние сервисы, а для обмена файлами со стороны пользователя можно воспользоваться Telegram.

Смотрите обучающие видео уроки по Тильде тут