Tilda · PDF

Как показать PDF на сайте Tilda (просмотр, а не скачивание)

Время чтения ~5 минут · встроенный просмотр документа на странице

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

Шаг 1. Получите прямую ссылку на PDF

Нужен прямой адрес самого файла. Загрузите PDF в LF Drive и скопируйте ссылку вида https://lfdrive.ru/f/КОД.

Шаг 2. Встройте документ в Tilda

Добавьте блок «Другое» → «HTML-код» (T123) и вставьте:

<iframe src="https://lfdrive.ru/f/ВАШ_КОД"
  style="width:100%;height:680px;border:0;border-radius:12px;">
</iframe>

Замените ВАШ_КОД на код из ссылки. Высоту 680px подберите под документ. На компьютере браузер сам покажет PDF с прокруткой и зумом.

Важный нюанс с мобильными

На десктопе встроенный просмотр работает отлично. А вот мобильные браузеры часто не умеют показывать PDF внутри iframe — вместо просмотра они предлагают скачать файл. Это особенность самих браузеров, а не Tilda.

Если нужен просмотр, который одинаково работает и на компьютере, и на телефоне (с пролистыванием страниц прямо на сайте) — нужен полноценный просмотрщик, а не голый iframe.

Просмотрщик, который работает везде

Чтобы PDF листался прямо на странице на любом устройстве — и на десктопе, и на мобильном — используют отдельный просмотрщик. Посмотрите в видео, как это выглядит и работает:

PDF-просмотрщик для всех устройств — демонстрация в видео

Где хранить PDF

Чтобы ссылка на документ была постоянной и просмотр не сломался — держите PDF в LF Drive. Загрузили — получили прямую ссылку для встраивания. Есть бесплатный тариф, чтобы попробовать.

Попробовать LF Drive

Частые вопросы

На компьютере PDF виден, а на телефоне скачивается. Почему?

Мобильные браузеры часто не отображают PDF внутри iframe и предлагают скачать. Для просмотра на телефоне нужен отдельный просмотрщик (показан в видео выше).

Можно ли сделать, чтобы PDF и смотрелся, и скачивался по кнопке?

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

Документ обновился — нужно ли менять код?

Если вы храните файл в LF Drive и замените его, сохранив ту же ссылку, код менять не придётся — просмотр подхватит новую версию.