{"id":1800,"date":"2020-08-17T10:33:40","date_gmt":"2020-08-17T04:48:40","guid":{"rendered":"https:\/\/dearflip.com\/?page_id=1800"},"modified":"2025-03-23T09:14:34","modified_gmt":"2025-03-23T03:29:34","slug":"pdf-embed-flipbook-example","status":"publish","type":"page","link":"https:\/\/wordpress.dearflip.com\/pdf-embed-flipbook-example\/","title":{"rendered":"PDF Embed Flipbook Example for WordPress"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull no-padding bg-purple\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\"><div class=\"_df_book df-container df-loading  df-has-ridge \"  data-slug=\"wp-header-flipbook\" data-_slug=\"3d-flipbook\" _slug=\"3d-flipbook\" data-title=\"lifestyle-magazine\" id=\"df_91\" data-df-option=\"df_option_91\" data-page=\"1\" height=\"calc(100vh - 90px)\" ><\/div><script class=\"df-shortcode-script\" nowprocket type=\"application\/javascript\">window.df_option_91 = {\"source\":\"https:\\\/\\\/wordpress.dearflip.com\\\/wp-content\\\/uploads\\\/2023\\\/07\\\/Lifestyle-Magazine.pdf\",\"outline\":[],\"cover3DType\":\"ridge\",\"color3DCover\":\"#90b35e\",\"backgroundColor\":\"#f3f0fc\",\"autoEnableOutline\":false,\"autoEnableThumbnail\":false,\"overwritePDFOutline\":false,\"pageMode\":\"0\",\"pageSize\":\"0\",\"direction\":\"1\",\"slug\":\"3d-flipbook\",\"wpOptions\":\"true\",\"id\":91}; if(window.DFLIP && window.DFLIP.parseBooks){window.DFLIP.parseBooks();}<\/script>\n\n\n\n<style>\ndiv.bg-purple{\n    background-color: #f3f0fc!important;\n}\n<\/style>\n<\/div><\/div>\n\n\n\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center\">DearFlip 3D Flipbook Embed<\/h1>\n\n\n\n<p>The embedded type of Flipbook is the basic and default viewer from DearFlip. These work great on page where the main page about the book or when these is just one book in page. This example is created by using Embed shortcode. <\/p>\n\n\n\n<p>Example: <code>[dflip id=\"91\"][\/dflip]<\/code><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<div class=\"wp-block-group alignfull dtab-demo-hide\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n\n\n<h2 class=\"wp-block-heading\">Multiple Embedded Flipbooks in a page<\/h2>\n\n\n\n<p>But things change when there are more than one flipbook in a single page. A single Flipbook consume certain amount of time to load and consumes memory. Thus<strong>&nbsp;multiple embedded flipbooks will increase that page load time and memory consumption additively<\/strong>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>Embedded flipbooks are best when you have a page specialized for that flipbook. We suggest using one or 2 embedded flipbooks in a page, not more. For more flipbooks in a page use <a href=\"https:\/\/wordpress.dearflip.com\/flipbook-examples\/\" data-type=\"page\" data-id=\"279\">lightbox(popup) solutions<\/a>.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">What changes you need to do?<\/h3>\n\n\n\n<p>The default shortcode needs to be updated to popup shortcode by adding&nbsp;<code>type=\"thumb\"<\/code>&nbsp;or&nbsp;<code>type=\"button\"<\/code>&nbsp;or&nbsp;<code>type=\"custom\"<\/code><\/p>\n\n\n\n<p><strong>Before:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;dflip id=\"123\"]&#091;\/dflip]<\/code><\/pre>\n\n\n\n<p><strong>After:<\/strong><\/p>\n\n\n\n<pre class=\"wp-block-code\"><code>&#091;dflip id=\"123\" type=\"thumb\"]&#091;\/dflip]<\/code><\/pre>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-horizontal is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-499968f5 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.dearflip.com\/pricing\/\" style=\"border-radius:5px\">Get DearFlip WordPress<\/a><\/div>\n\n\n\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:5px\">Get DearFlip for Windows<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center\"><em><a href=\"https:\/\/wordpress.dearflip.com\/pdf-viewer\/#chrome-extension\" data-type=\"link\" data-id=\"https:\/\/wordpress.dearflip.com\/pdf-viewer\/#chrome-extension\">DearFlip is also available as Google Chrome Extension<\/a><\/em><\/p>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>DearFlip 3D Flipbook Embed The embedded type of Flipbook is the basic and default viewer from DearFlip. These work great on page where the main page about the book or when these is just one book in page. This example is created by using Embed shortcode. Example: Multiple Embedded Flipbooks in a page But things &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"PDF Embed Flipbook Example for WordPress\" class=\"read-more button\" href=\"https:\/\/wordpress.dearflip.com\/pdf-embed-flipbook-example\/\" aria-label=\"PDF Embed Flipbook Example for WordPress\">Read More<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1800","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/pages\/1800","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/comments?post=1800"}],"version-history":[{"count":6,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/pages\/1800\/revisions"}],"predecessor-version":[{"id":5650,"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/pages\/1800\/revisions\/5650"}],"wp:attachment":[{"href":"https:\/\/wordpress.dearflip.com\/wp-json\/wp\/v2\/media?parent=1800"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}