Top.Mail.Ru
Loading...
No-code платформа для интеграции с российскими сервисами
Адаптер
Мы в соцсетях
Ответим на вопросы
Техподдержка
Образовательные курсы и гайды для IT-специалистов
Академия
Клиентам
О нас
Плагин для Тильды
Партнерам
Академия
Расширение
Техподдержка
Модификации
Профиль
Подписка
Партнерка
Новости +13
Шаблоны
Идеи
Услуги
....
NLM094 • Время настройки: 1 минута

Добавление ПДФ в Тильду

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

Смотрите, как быстро установить модификацию

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

В первое поле «Ссылка на документ в google drive» может быть в трех форматах:
  • https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/view
  • https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/preview
  • <iframe src="https://drive.google.com/file/d/1d9OP0ezx5F6cvpUQX5_-LyA9OvGl275/preview" width="640″ height="480″ allow="autoplay"></iframe>

Самый простой способ достать необходимую ссылку:
1. Открываешь пдф файл на гугл диске
2. В правом верхнем углу жмякаешь на знак «Другие действия» (который обозначается, как три точки расположенные вертикально)
3. Во выпадающем списке выбираешь вариант «Открыть в новом окне»
4. Копируешь ссылку в адресной строке данного пдф файла в виде
https://drive.google.com/file/d/11sAwf94Hg1VQfAiweaENtOnDKdLFT826o/view


5. Теперь переходим к настройке генератора:
  • «Ссылка на документ в google drive» — вставляешь полученную ссылку на пдф файл
  • «Высота окна (px)» — указываешь высоту всплывающего окна
  • «Ссылка на попап» — прописываешь название ссылки через # и после укажи ее в настройках элемента, который будет открывать необходимый пдф файл во всплывающем окне (например, #popuppdf);
  • «Popup: цвет фона»
  • «Popup: непрозрачность фона» — выбираешь процент непрозрачности фона
  • «Цвет иконки закрытия» — цвет крестика в правом верхнем углу
  • «Ширина» — выбираешь ширину попапа
  • Фикс для иконки 'Открыть в новой вкладке' — включите этот чекбокс, если внутри iframe «уезжает» кнопка 'Открыть в новой вкладке'

6. Копируешь сгенерированный HTML код и вставляешь его в блок Т123;

Имей в виду:

  • Рекомендуемый вес файла: не более 10МБ.
  • При установке ширины поп-апа на 100% Google автоматически определяет, будет ли файл отображаться на всю ширину в iFrame.

Сгенерируйте код для своего сайта

Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 4
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 4 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 3
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 2
Создать аккаунт — это быстро и просто.
Войдите или зарегистрируйтесь на платформе
Шаг 1
Ведутся технические работы((
Попробуйте перелогиниться, если не помогло, загляните к нам через 20 минут...
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Копировать код
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Возобновите подписку
Шаг 1
Копировать код
Напишите в нашу поддержку — мы поможем с настройкой и внедрением.
Остались вопросы?
Шаг 3
Чтобы получить доступ к копированию кода и использовать его на сайте, выполните 3 простых шага:
Скопируйте код из генератора, вставьте его в блок T123 на вашем сайте в Тильде и опубликуйте страницу.
Настройте модификацию
Шаг 2
И получите доступ к библиотеке из более чем 200 модификаций.
Оплатите подписку
Шаг 1

Популярные решения для вашего сайта

Не нашли нужное решение?

Часто задаваемые вопросы

Наши видеоинструкции позволяют внедрять модификации за 2−5 минут даже без технических знаний. Всё делается прямо в редакторе Тильды, без ручного редактирования кода
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Не нашли свой вопрос?
Напишите нам — мы поможем и подскажем оптимальное решение для вашего сайта.
Есть идеи по улучшению этой модификации или созданию новой?
Поделись своим предложением или проголосуй за понравившуюся идею. Наиболее популярные будем реализовывать.
Не забудь подписаться, чтобы быть в курсе последних обновлений.