Уникальные модификации для Тильда сайтов, которые расширяют функционал вашего сайта и выделяют вас среди конкурентов!

Tilda Publishing

Как показать PDF документ в Tilda в режиме реального времени

Введение

Если вы создаете сайт в Tilda и хотите показать PDF документ на вашей странице, то вы находитесь в правильном месте. В этой статье мы расскажем вам, как добавить PDF документ в Tilda прямо на страницу и показать его в режиме реального времени. Вам понадобится только несколько простых шагов, чтобы вставить PDF документ на страницу Tilda и сделать его доступным для просмотра на вашем сайте.

Ключевые слова: Tilda, PDF документ, показать PDF в Tilda, PDF, конструктор сайтов Tilda, Tilda сайт.

Как показать PDF документ в Tilda

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

PDF документ в Tilda. Google диск

Для того, чтобы внедрить pdf на ваш tilda сайт в онлайн режиме, нужно для начала его где-то сохранить. Здесь нам на помощь приходит облачное хранилище google диск. Необходимо, предварительно, зарегистрировать там свою почту, чтобы получить доступ к облачному хранилищу.

Итак, перейдите в google диск:

  1. Нажмите на кнопку «+ Создать» и «Загрузить файлы».
  2. Выберите pdf документ на вашем устройстве и загрузите на диск.
  3. После успешной загрузки, нажмите правой кнопкой мыши на вашем файле и выберите пункт «Открыть доступ».
  4. Во вкладке «Общий доступ» выберите «Все, у кого есть ссылка».
  5. После этого нажмите на кнопку «Копировать ссылку» и «Готово».
  6. Сохраните эту ссылку там, где вы её потом быстро найдете.

Настройка показа PDF

  1. Откройте ваш сайт на Tilda Publishing.
  2. Нажмите на кнопку «Все блоки», вкладка «Другое» и выберите блок «Т123. HTML-код».
  3. Нажмите на кнопку «Контент» в html блоке.
  4. Скопируйте и вставьте туда следующий код:
<style>
    #pdf_block {
        width: 100%;
        height: 700px;
    }
    
</style>
<iframe id="pdf_block" src="https://drive.google.com/file/d/13MuYdyLvQJ1ZFzwwwWghlxpVAvM4IZe6/preview" allow="autoplay" 
frameborder="0"></iframe>
  1. Скопируйте и вставьте сохраненную ссылку на ваш pdf в атрибут «src» вместо уже существующей ссылки.
  2. Удалите все символы в вашей ссылке после последнего слэша.
  3. Вместо них напишите слово «preview».
  4. В строках «width» и «height» вы можете изменить ширину и высоту блока с вашим pdf документом.
  5. Сохраните изменения и опубликуйте страницу.

Заключение

В заключение можно сказать, что PDF документ в тильде в режиме реального времени – это очень полезная функция, которая может значительно улучшить взаимодействие с вашими посетителями и повысить их удобство при использовании вашего сайта. Благодаря использованию Tildaи нашего скрипта, вы можете легко и быстро реализовать эту функциональность. Мы надеемся, что наша статья помогла вам понять, как это сделать, и что теперь вы можете использовать эту функцию на своем сайте, чтобы улучшить взаимодействие с вашими посетителями и их опыт.

Читайте другие наши статьи и еще больше совершенствуйте свои сайты вместе с нами!

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