Embedding On Wordpress


By Scott.Brownlee

updated about 1 year ago

You can embed a Simplebooklet or multiple Simplebooklets into your Wordpress website.

Install the Simplebooklet Plugin

You need to install the Simplebooklet plugin first for the shortcode to work. You can find it in your servers plugin folder.


Once you've installed it, you can then use the shortcode of any Simplebooklet on any of your pages.

Simplebooklet/Wordpress Shortcode

Since Simplebooklet uses iframes to display the embed view of your Simplebooklet, you need to copy and paste the shortcode for your booklet.Follow these steps:

Open your Simplebooklet in the PUBLISH Tab and select the EMBED ON WEBSITES.

This will open the window with the shortcode. Copy the shortcode for your blog.  You need to make sure you've installed the plugin once on your wordpress site for this to work. 

Go to your wordpress posting page and paste in the shortcode.

When you preview your post, you will see the booklet displayed on the page.


There is too much space above and below my Simplebooklet?
You can manually adjust the space above and below the booklet by adjusting the height='value' in the Simplebooklet shortcode. You may need to do this a few times to get it to display with the right amount of space. 100% doesn't work.

Can I use my own custom CSS to manage the Simplebooklet iframe?
Yes, you can change the css rules governing your Simplebooklet by adding the following to your css classes..Simplebooklet\_iframe {min-height: 480px; max-width: 966px;}.Simplebooklet\_iframe is the class that governs your Simplebooklet on the page. You can put in your own min and max heights and widths. You may also want to set some custom css for the media query of your Simplebooklet. @mediaonly screen and (max-device-width : 667px) { .simplebooklet\_iframe { width: 325px; max-height: 400px; }}use the values that would best size your Simplebooklet for mobile devices.

How many Simplebooklets can I add to my site?
You can add as many as you want. Add the plugin once and then you can use the shortcode for any of your Simplebooklets as often as you want.

Can I hide the navbar?
Yes, you can choose which navigation buttons appear on your Simplebooklet. Open your booklet in the PUBLISH tab, then select EMBED ON WEBSITES > EMBED CODE.  Then use the options to toggle on the various navigation elements in your embedded booklet.

Did this answer your question?