Встраивание на сайт

Встройте свой PDF-flipbook на любой сайт

Разместите размещённый flipbook внутри своего сайта, чтобы посетители могли читать документ без скачивания PDF.

Загрузить PDFПосмотреть демо
embed
<iframe
  src="https://flipbook.so/embed/abc123"
  width="100%"
  height="600"
  frameborder="0"
  allowfullscreen>
</iframe>

Что должно поддерживать хорошее встраивание flipbook

Встроенный документ должен работать в реальном макете страницы, а не только в полноэкранном просмотрщике.

  1. 01

    Адаптивное чтение

    Просмотрщик flipbook работает на экранах настольных ПК, планшетов и мобильных устройств, поэтому посетители могут читать без установки PDF-приложения.

  2. 02

    Простой код iframe

    Скопируйте код встраивания из панели обмена и вставьте его в HTML-блок или шаблон страницы.

  3. 03

    Без зависимости от плагинов

    Используйте просмотрщик в браузере вместо того, чтобы заставлять посетителей устанавливать программу или скачивать оригинальный файл.

  4. 04

    Аналитика читателей

    Отслеживайте вовлечённость, даже когда flipbook встроен, включая просмотры, прочтения страниц и клики по интерактивным ссылкам.

Живое демо

Попробуйте настоящий flipbook прямо здесь

Перелистывайте страницы, открывайте на полный экран и переходите по ссылкам. Посмотрите, что именно получат ваши читатели.

Открыть в просмотрщике

Как встроить flipbook

Процесс одинаков, независимо от того, создаётся ли страница в CMS, конструкторе сайтов или собственном коде.

  1. 1

    Создайте flipbook

    Загрузите PDF в Flipso и дождитесь открытия размещённого просмотрщика.

  2. 2

    Откройте панель обмена

    Скопируйте код iframe из раздела встраивания. Код указывает на лёгкий просмотрщик для встраивания.

  3. 3

    Вставьте на свою страницу

    Добавьте код в собственный HTML-блок, шаблон страницы или поле встраивания CMS, затем настройте высоту под свой макет.

  4. 4

    Протестируйте на мобильном

    Откройте страницу на телефоне и убедитесь, что flipbook читается, корректно прокручивается и не загромождает соседний контент.

FAQ

Вопросы о встраивании flipbook

  • Можно ли встроить flipbook в WordPress?

    Да. Используйте блок Custom HTML или блок page builder, поддерживающий код iframe.

  • Можно ли встроить flipbook в Shopify, Wix или Squarespace?

    Обычно да, если редактор страниц позволяет собственный HTML или встраивания iframe. Перед публикацией протестируйте страницу на мобильном.

  • Обновляется ли встраивание, если я обновлю flipbook?

    Встраивание указывает на размещённый URL flipbook, поэтому страница может продолжать использовать то же место встраивания после обновлений.

  • Встраивать или делиться ссылкой?

    Встраивайте, когда документ поддерживает цель страницы. Делитесь ссылкой, когда документ должен путешествовать по электронной почте, чату, соцсетям или QR-кодам.

Продолжайте изучать

Похожие руководства по flipbook