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