Embed Your Simplebooklet on a Webpage

Easily add your Simplebooklet to your website or blog with a simple embed code. This allows you to showcase your content directly on your site without requiring readers to open a separate link — keeping your audience engaged right where they already are.

How to Embed Your Simplebooklet on a Webpage

1. Open your Dashboard and select the Simplebooklet you want to embed.

2. Click the Share tab.

3. Scroll down to the Embed on a Webpage section under the Publish category.

4. Click Code to open the Embed Code pop-up.

5. From the Size drop-down menu, choose how your Simplebooklet will display on your site:

• Original Size – Keeps your booklet’s original dimensions.

• Dynamic Fit – Automatically fills the container where it’s embedded.

• Custom Width – Set a specific width, and the height adjusts automatically.

6. Under Navigation Options, toggle on one of the following display styles:

• Candy Bar – Displays a simple bottom navigation bar.

• Minimalist – Displays a minimal bottom navigation button.

• Disable Footer Navigation – Displays your booklet without any navigation bar.

7. Once you’ve made your selections, click Copy to copy your embed code.

8. Paste your embed code into your website’s HTML editor or content block:

• For website builders like Wix, Squarespace, or WordPress, paste it into an Embed, HTML, or Custom Code block.

• For blog platforms, paste it into the HTML view of your post or page editor.

8. Your Simplebooklet will now appear as a fully interactive, scrollable embed right on your site.

How this impacts the Reader’s Journey

Embedding your Simplebooklet supports the Attention and Immersion stages of the Reader’s Journey by keeping viewers engaged within your own platform. It eliminates the need for extra clicks, allowing readers to explore your content seamlessly in the environment where they already interact with your brand.

Updated on: 05/11/2025