Перейти к содержимому

Как добавить файл для скачивания в тильде

  • автор:

Как вставить открытый файл PDF в Тильду?

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

  • Удобное хранение всех документов в одном месте
  • Легко обновлять материалы и ссылки на сайте
  • Файл доступен для скачивания
  • Удобное управление PDF с сайта: прокрутка, приближение, отдаление
  • Хорошая адаптация под мобильные устройства
  • Быстрая загрузка, файл не утяжеляет страницу
  • Бесплатно

Делаем возможной скачивание файлов с сайтов, сделанных на Тильде (Тильда + Google Диск)

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

Загрузить файл прямо в Тильду не получится. Если вы начнете искать, как загрузить файл на сайт, сделанный на Тильде, то чаще встретите такой ответ.

Ок, идем в Google Drive и сталкиваемся с другой проблемой

Проблема 2

В гугле при шере файла появляется ссылка такого вида:

https://drive.google.com/file/d/1UlIyZidKw-RLScN6hxxIhni1AX9xAUtW/view?usp=sharing

Если мы вставим ее в кнопку «Скачать логотип WAVE» то при клике файл открывается на новой странице. Да, его можно скачать уже с этой страницы, но все равно это лишнее действие и ссылка открывается на странице гугла.

Решение

Fragment link

Решили сделать прямую ссылку, минуя страницу Google Drive. Нам понадобится вот эта часть из адреса, идентификатор файла

Копируем и вставляем в новую ссылку:

https://drive.google.com/uc?export=download&id=

✅ Готово
Теперь у нас есть ссылка для кнопки, чтобы загрузка файла начиналась автоматически. Попробуйте скачать логотип WAVE

Загрузка файлов на Тильду

В данный момент на Тильду можно загрузить только изображения для использования в блоках. В этой статье мы рассказываем о способах загрузки других типов файлов на сторонние хранилища для использования внутри проектов.

В качестве сервисов хранения файлов можно использовать привычные сервисы Dropbox, Google Drive, Яндекс.Диск или прочие. Для этого достаточно получить публичную ссылку на файл и вставить ее в текст или блок.

Если же вы хотите, чтобы ссылка на файл была на вашем поддомене, например, files.mysite.ru/file.txt, то это можно сделать, подключив этот поддомен к хранилищу файлов, например, к облачному хранилищу Selectel.

Настройка облачного хранилища Selectel
Зарегистрируйтесь на сайте Selectel.

В панели управления перейдите на вкладку «Облачное хранилище».

Нажмите на кнопку «Создать контейнер».

При создании контейнера укажите тип контейнера — публичный и любое название.

После создания контейнера перейдите в настройки контейнера через меню с тремя точками.

Выберите пункт «Управление доменами». В нем описана процедура подключения доменов и поддоменов к контейнеру. Мы рекомедуем придумать поддомен, например, files.mysite.com и добавить требуемую запись CNAME для поддомена files в редакторе записей домена на стороне вашего регистратора домена.

Подключить основной домен, на котором уже есть сайт, к сожалению, не получится.

Поддомен подключится в течение 24 часов в зависимости от регистратора домена.

Если кликнуть по контейнеру, то появится поле для загрузки файлов. Файл с названием file.txt будет доступен по ссылке files.mysite.ru/file.txt.

Важный момент: Облачное хранилище Selectel — это относительно дешевый, но все-таки платный сервис. Посмотреть цены за хранение данных и трафик можно на вкладке «Потребление». За хранение файлов цена 1,40 ₽ за ГБ в мес, за трафик хранилища — 1₽ за ГБ.

Как загрузить файл на свой сайт?

В данный момент загрузить файлы прямо на Tilda не получится.

Используйте сторонние облачные сервисы (Google Drive, Dropbox и подобные), затем вставьте ссылку на файл в кнопку или текст.

Для лучшего отображения мы добавили специальные кнопки с иконками загрузки файлов: BF802 и BF803, категория «Кнопка».

Похожие вопросы
  • Как убрать «Made on Tilda» внизу страницы (в подвале сайта)?
  • Как сделать кликабельным номер телефона?
  • Как передать сайт или страницу на другой аккаунт?
  • Почему не видны изменения после публикации, а в предпросмотре есть?
  • Как добавить сторонний виджет (калькулятор, календарь и др.)?

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *