Jak osadzić flipbook na mojej stronie?
Jedną z najlepszych cech flipbooków Publuu jest możliwość zintegrowania ich ze swoją stroną internetową. Twój PDF zamieniony na dokument HTML5 może być bezproblemowo dopasowany do Twojego sklepu lub osadzony w profilu Twojej firmy.
Twój flipbook może być osadzony na Twojej stronie internetowej na trzy sposoby:
- jako odtwarzacz z tłem,
- jako odtwarzacz bez tła,
- jako przycisk,
DOBRZE WIEDZIEĆ: Możesz również sprawić, że twój flipbook będzie dostępny tylko na wybranej stronie internetowej, aby uniemożliwić dostęp do niego osobom trzecim dzięki funkcji Embed Protection. Czytaj dalej, aby dowiedzieć się więcej na ten temat
Ale najpierw sprawdź poniżej, jak może wyglądać Twój flipbook osadzony na jeden z trzech sposobów.
Odtwarzacz z tłem
Odtwarzacz iframe osadzony w Twojej witrynie to kompletna prezentacja Twojego flipbooka, zawierająca spersonalizowane tło i pozwalająca Twoim czytelnikom na korzystanie z różnych opcji, takich jak pobieranie, udostępnianie czy drukowanie bezpośrednio z odtwarzacza. Można go oglądać w trybie pełnoekranowym i łatwo nawigować dzięki miniaturkom stron, spisowi treści lub suwakowi. Zapoznaj się z poniższym przykładem:
Odtwarzacz bez tła
Twój flipbook ponownie zostanie opublikowany w formie odtwarzacza iframe, ale tym razem bez tła i dodatkowych funkcji. Będzie wyglądał po prostu jak integralna część Twojej strony internetowej, jak na poniższym przykładzie. Twoi czytelnicy mogą jedynie korzystać ze strzałek, aby łatwo przewracać strony Twojej publikacji
Przycisk
Trzecim sposobem jest umieszczenie swojego flipbooka w formie prostego, klikalnego przycisku, jak zaprezentowano poniżej. Po kliknięciu wyświetli on Twój pełnowymiarowy flipbook w osobnej zakładce w przeglądarce lub jako wyskakujące okienko – to zależy od Ciebie. Publuu pozwala ustawić wymiary przycisku i dostosować jego wygląd, aby najlepiej pasował do Twojej strony.
Jeśli podoba Ci się któraś z powyższych prezentacji flipbooka, czytaj dalej ten przewodnik, aby dowiedzieć się, jak osadzić flipbooka na własnej stronie internetowej!
Osadzenie flipbooka – instrukcja
Aby osadzić swojego flipbooka zaloguj się na swoją główną stronę i wybierz pod nią opcję EMBED – oznaczoną nawiasami trójkątnymi. Zostaniesz przeniesiony do edytora embedów.
Do tego panelu możesz się również dostać z menu customize.
Możesz wybrać, korzystając z zakładek po lewej stronie, czy chcesz osadzić swój eBook jako gotowy odtwarzacz z tłem lub odtwarzacz bez tła (w tym przypadku użyj zakładki FLIPBOOK) czy też przycisk w postaci okładki twojego PDF, który otworzy twojego flipbooka w osobnym oknie przeglądarki (użyj zakładki BUTTON)
Osadzenie jako odtwarzacz
Możesz zdecydować o wymiarach okna flipbooka
Możesz również włączyć opcję „responsive width”, czy chcesz, aby książka automatycznie dopasowywała się do szerokości kontenera (kontenera html, w którym zostanie wklejony kod embed).
Możesz także wybrać, czy chcesz używać tła strony, czy tła, które zdefiniowałeś dla danego flipbooka – więcej na ten temat w artykule Ustawianie tła flipbooka.
Na koniec możesz wybrać, co będzie pierwszą stroną otwartego flipbooka.
Osadzenie jako przycisk
Jeśli wybrałeś opcję BUTTON, zdecyduj, czy chcesz, aby flipbook otwierał się w wyskakującym okienku lub nowej karcie przeglądarki
W zakładce przycisk możesz dostosować wymiary przycisku do swojej strony internetowej. Wystarczy ustawić wysokość, a szerokość zostanie dopasowana automatycznie.
I jak wyżej możesz wybrać stronę, która wyświetli się po kliknięciu na przycisk – może to nie być to samo co okładka.
Wstawianie kodu embed
Po ustaleniu szczegółów, które chcesz, Publuu stworzy kod embed widoczny nad flipbookiem, w prawym górnym rogu. Kliknij na przycisk COPY, aby skopiować go do schowka.
Teraz musisz go wkleić na swoją stronę – pamiętaj jednak, że to nie jest tekst, a kawałek kodu.
W WordPressie, aby osadzić ten element, musisz uzyskać dostęp do przeglądarki HTML – edytuj stronę, na której chcesz osadzić swojego flipbooka. W nowym edytorze możesz zaznaczyć blok i wybrać opcję EDYTUJ HTML (zwykle ukrytą pod przyciskiem z trzema kropkami) lub po prostu przełączyć się na widok TEXT i wkleić swój kod embed, jak na poniższym zrzucie ekranu
Inne systemy CMS mogą wymagać podobnych rozwiązań.
Ochrona embedu
Jak już wspomnieliśmy wcześniej, możesz również osadzić swojego flipbooka na wybranej stronie internetowej i zdecydować, kto będzie miał do niego dostęp.
To rozwiązanie jest przydatne, gdy chcesz chronić swoje wrażliwe treści przed nieautoryzowanym udostępnianiem i pobieraniem. Więcej informacji na temat embed protection znajdziesz w tym artykule: Zabezpieczenie Embed.
You may be also interested in:
Stwórz interaktywnego flipbooka już dziś!
Wyróżnij się na tle innych i zaprezentuj Twoje PDFy w nowoczesny i profesjonalny sposób.