In this article we will discuss how to embed a 3D flipbook into a WordPress page using our basic shortcode.
Why 3D Flipbook? #
Not every PDFs is plain text and manual. Some PDFs are designed to impress. Portfolios of artists, photo albums, catalogue of brands, showcases of manufacturers, design proposals, annual reports. All such documents deserve a life like representation – what better than a 3D flipbook that can bring PDFs to life.
Example ShortCode #
[dearpdf id="69" ][/dearpdf]
Example Output #
How to create a 3D Flipbook? #
- Create a new Post in DearPDF. Goto DearPDF -> Add Post
- Give title to your new Post
- Select the PDF you want to add by clicking Select PDF.
- Select the Thumbnail to your 3D Flipbook post.
- Set Viewer Type to Flipbook
- Set Flipbook 3D or 2D to WebGL 3D
- Click on Publish.
- Shortcode will now appear on Shortcode Box(top right corner of page)
- Copy the shortcode and paste it on the Post/page you want to embed the flipbook.
Hi, guys!
I’m getting problems to load a .pdf with just one page on my local wordpress website (I will send to production after this got resolved).
Putting inside a div, nothing happened.
It’s a simple wordpress website that is importing only bootstrap.
Can you guys help me, please? We have another website on our city which is working normally. Their url is https://festivaldecuritiba.com.br/guia/ to reference.
Hi,
This is interesting, Actually the PDF is under loading, but it is returned with gzip encoding, so the software could not determine the size.
We recommend not gzipping the PDF. It disables the partial loading feature in PDF and the whole PDF needs to be loaded.
https://dearflip.com/pdf-flipbook-links-customization-and-tips-with-dflip/#why-is-pdf-loading-slowly
https://www.computerworld.com/article/2693941/why-it-doesn-t-make-sense-to-gzip-all-content-from-your-web-server.html
On the other website gzip is enabled only for web files.
We will fix the loading message. But you need to fix the gzip issue for PDF anyway.
Best Regards
Hi, This look so awesome!
Is there any way the edges of the pages don’t get cutoff when the page flips?
Cheers,
Hi,
That is by design for 3D flipbooks.
Is there any feature to put comment OR select text and change color ?
Same like : https://youtu.be/JUApmqGnLMk
Hi,
Such a feature is not available.
is possible to available this feature in future ? with in 10 days ?
Hi,
Apologies, but we have no plans of adding comment/highlight feature into our viewers.
Is possible to hide share and download button with flipbook when embed into wordpress webiste / LMS
Hi,
Please follow the article: https://dearflip.com/docs/dearflip-wordpress/customizations/remove-share-button/