Инструкция по установке HTML5 флипбука на ваш сайт или блог

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

• Архив с флипбуком (ZIP-файл)
• Доступ к хостингу (FTP-клиент или файловый менеджер)
• FTP-клиент (например, FileZilla) — опционально

Шаг 1: Подготовка архива

1. Скачайте ZIP-архив с флипбуком на компьютер
2. Распакуйте архив в удобную папку
3. Убедитесь, что внутри есть файл index.html и папки с ресурсами (js, css, files и т.д.)

Шаг 2: Загрузка файлов на хостинг

Через файловый менеджер (cPanel / ISPmanager)

1. Войдите в панель управления хостингом
2. Откройте Файловый менеджер
3. Перейдите в папку public_html (или www)
4. Создайте новую папку, например flipbook
5. Нажмите Загрузить → выберите ZIP-архив
6. После загрузки распакуйте архив прямо на хостинге
7. Убедитесь, что файлы находятся по пути:
    

   public_html/flipbook/index.html

Через FTP-клиент (FileZilla)

1. Откройте FileZilla
2. Введите данные для подключения:
   • Хост: ftp.ваш-сайт.ru
   • Логин и пароль — из письма хостинга
   • Порт: 21
3. Нажмите Быстрое соединение
4. В правой панели перейдите в public_html
5. Создайте папку flipbook
6. Перетащите содержимое распакованного архива в эту папку
7. Дождитесь окончания загрузки

Шаг 3: Проверка работы

Откройте браузер и введите адрес:

https://ваш-сайт.ru/flipbook/

Флипбук должен открыться и корректно работать.

Шаг 4: Встраивание на страницу сайта или блога

Через iframe

Добавьте код в нужное место страницы:

<iframe
  src="https://ваш-сайт.ru/flipbook/"
  width="100%"
  height="600px"
  frameborder="0"
  allowfullscreen>
</iframe>

Для WordPress

1. Откройте редактор страницы/записи
2. Добавьте блок «Произвольный HTML»
3. Вставьте код iframe из примера выше
4. Сохраните и опубликуйте страницу

Возможные проблемы и решения

💡 Совет: Если хостинг поддерживает HTTPS, используйте именно https:// в адресе — это исключит блокировку контента браузером.

Оставьте заявку на создание флипбука