ThemeNcode Docs

Inserting FlipBook into WordPress Posts/Pages

Estimated reading: 3 minutes

In the last chapter, you’ve created your first FlipBook, Now it’s time to insert the FlipBook on any of your posts or pages on your WordPress Website. This chapter is useful only if you’re using the default WordPress Gutenberg Block Editor or Classic Editor.

If you’re using any page builders like Elementor or WPBakery Page Builder, we have addons for those page builders. Please check the Add-ons and integrations section in that case.

  1. Go to Add or Edit any page or posts
  2. If you’re using Gutenberg Block Editor, click on Add Block icon
    1. Search for TNC FlipBook Block
    2. Click on Add FlipBook Button
    3. Select Embed a FlipBook if you want to embed a FlipBook using iFrame on the page you’re editing.
      1. On Select Embed a FlipBook, Search & select by the title of the FlipBook you’ve created and want to embed on this page.
      2. Set width, and height, jump to page & iframe_title parameters of your choice & click on insert FlipBook.
      3. All these settings are for the iframe that will be embedded on the page.
      4. Now, Publish or update the page & then view the page to see the FlipBook embed there.
    4. Select Link to a FlipBook if you want to insert a link on the page that will open the FlipBook when clicked.
      1. On Select Link to a FlipBook, Search & select by the title of the FlipBook you’ve created and want to link from this page.
      2. Set Link Text, Target, jump to page and CSS class of your choice & click on Insert FlipBook
      3. Now, Publish or update the page & then view the page to see the FlipBook link there.
  3. If you’re using Classic Editor, Click on ADD FlipBook button just above the editor
  4. Select Embed a FlipBook if you want to embed a FlipBook using iFrame on the page you’re editing.
    1. On Select Embed a FlipBookSearch & select by the title of the FlipBook you’ve created and want to embed on this page.
    2. Set width, and height, jump to page & iframe_title parameters of your choice & click on insert FlipBook.
    3. All these settings are for the iframe that will be embedded on the page.
    4. Now, Publish or update the page & then view the page to see the FlipBook embed there.
  5. Select Link to a FlipBook if you want to insert a link on the page that will open the FlipBook when clicked.
    1. On Select Link to a FlipBook, Search & select by the title of the FlipBook you’ve created and want to link from this page.
    2. Set Link Text, Target, jump to page and CSS class of your choice & click on Insert FlipBook
    3. Now, Publish or update the page & then view the page to see the Link to a FlipBook  there.

Leave a Comment