Как встроить 3D-флипбук в Notion (пошаговое руководство, 2026)

Notion поддерживает встраивание PDF нативно, но результатом становится плоский предпросмотр с прокруткой. Для портфолио, каталога, свадебной книги настроения или меню ресторана — всего, с чем вы хотите, чтобы посетители по-настоящему взаимодействовали, — такой плоский предпросмотр убивает всю магию. Решение: встройте вместо этого настоящий 3D-флипбук. Посетители получают книгу, которую перелистывают с физикой переворота страниц, а не вертикальную прокрутку статичных страниц. Работает на бесплатных страницах Notion, на мобильных устройствах и на общих сайтах Notion. Это руководство проведёт вас через точные шаги. Три минуты, если исходный PDF уже готов.

Почему встроенного в Notion просмотра PDF недостаточно

Когда вы загружаете PDF напрямую в Notion, он отображается либо как файловый блок (ссылка на скачивание с крошечной миниатюрой предпросмотра — посетителям приходится нажимать, чтобы открыть, и большинство этого не делает), либо как встроенный элемент (Notion показывает PDF как плоскую вертикальную прокрутку — функционально, но незапоминающе, тот же интерфейс, что и у предпросмотра в Google Drive).

Для внутренних командных документов это нормально. Для страниц, обращённых к внешней аудитории — вашего личного сайта на Notion, страницы планирования свадьбы, которой вы делитесь с семьёй, страницы Notion в роли портфолио — статичный PDF упускает возможность. 3D-флипбук даёт вам настоящую интерактивную книгу прямо на странице Notion. Посетители перелистывают её с взвешенной физикой переворота страниц, нажимают на кликабельные горячие точки, увеличивают развороты на телефонах.

Что вам понадобится

• Страница Notion (любой тариф, бесплатный подойдёт)
• PDF или набор изображений, которые вы хотите показать (обычно 5–100 страниц, но реального ограничения нет)
• Аккаунт i3dify — бесплатный тариф покрывает 3 проекта, без банковской карты

На бесплатном тарифе просмотрщики поставляются с небольшим значком брендинга i3dify в углу. Если это мешает вам на страницах для клиентов, тариф Pro за $3 в месяц убирает его.

Шаг 1 — Создайте 3D-флипбук в i3dify

Перейдите на i3dify.com/free/pdf-to-3d-flipbook, зарегистрируйтесь (30 секунд, без банковской карты) и загрузите свой PDF. Страницы извлекаются на стороне клиента, поэтому ваш файл не покидает устройство, пока вы не решите опубликовать его. При желании настройте цвет обложки, панель кликабельных ссылок (LinkedIn, email, сайт) и фон. Нажмите «Опубликовать».

В панели «Поделиться» вы увидите URL просмотрщика и код для встраивания через iframe. Именно для Notion вам нужен только URL, а не код iframe. Notion обрабатывает iframe внутренне, когда вы вставляете распознанный URL.

Шаг 2 — Вставьте URL на страницу Notion

У вас есть два варианта. Вариант А (самый надёжный): наберите /embed на новой строке, выберите «Embed» из меню, вставьте URL i3dify в модальное окно, нажмите «Embed link». Вариант Б (прямая вставка): вставьте URL на новой строке, появится небольшое выпадающее меню с вариантами, выберите «Create embed».

В течение 1–2 секунд Notion загрузит встроенный элемент и покажет живой предпросмотр прямо на вашей странице. Вы увидите 3D-флипбук, отрисованный прямо в тексте и готовый к взаимодействию.

Шаг 3 — Измените размер и выравнивание

Встроенный элемент появляется с высотой по умолчанию, которая часто слишком мала. Потяните нижний край вниз — 600–800 пикселей хорошо подходит для большинства флипбуков. Потяните левый или правый край, чтобы задать ширину. Стандартная ширина колонки в Notion работает хорошо; если ваша страница использует широкий режим или пользовательское рабочее пространство, дайте элементу занять всю ширину. Чтобы выровнять по одной стороне, перетащите встроенный элемент в один из блоков-колонок Notion.

Как это ведёт себя после встраивания

• Перетаскивание для перелистывания страниц (мышью на компьютере, свайпом на мобильном)
• Нажатие на горячие точки, размещённые вами на страницах (ссылки на другие страницы, товары, соцсети)
• Масштабирование щипком на телефонах для чтения мелкого текста
• Нажатие на полноэкранный режим, чтобы развернуть просмотрщик на весь экран

Большая часть посещений Notion приходится на мобильные устройства. 3D-просмотрщик автоматически адаптируется к сенсорному вводу.

Частые подводные камни

Мобильное приложение Notion против мобильного браузера: нативное приложение ограничивает взаимодействие с iframe более жёстко, чем мобильный браузер. Пользователи мобильного приложения видят работающий встроенный элемент, но с немного ограниченным сенсорным поведением. Пользователи мобильного браузера (большинство неавторизованного трафика) получают полноценный опыт.

Экспорт из Notion: экспорт в HTML сохраняет iframe; экспорт в PDF заменяет его ссылкой. Если вы распространяете страницу Notion в виде PDF, приложите рядом URL i3dify.

Слои приватности: настройки приватности страницы Notion определяют, кто может видеть содержимое Notion. Видимость проекта i3dify определяет, кто может просматривать встроенный элемент. Для полностью приватного встраивания (клиентская галерея) используйте настройки доступа Notion плюс режим i3dify «Не в списке с паролем». Оба слоя работают вместе.

Когда использовать это, а когда — нативный блок PDF в Notion

• Внутренний командный документ без нужды в интерактивности — нативный блок PDF в Notion
• Портфолио, лукбук, брошюра, меню для внешней аудитории — встраивание 3D-флипбука i3dify
• Материал для клиента (свадебный альбом, дизайнерское портфолио) — i3dify со статусом «Не в списке» плюс пароль
• Питч-дек для инвесторов — i3dify со статусом «Не в списке» (отслеживайте, какие слайды они читают)
• Меню ресторана, которым делятся через страницу Notion — i3dify с QR-кодом сбоку

Другие no-code платформы

i3dify встраивается точно так же в WordPress, Webflow, Carrd, Framer и Squarespace. Механика немного отличается на каждой платформе, но со стороны i3dify всё остаётся неизменным: один URL, один iframe. Смотрите соответствующие руководства по интеграции для деталей.