> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.simplebooklet.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Embed your Simplebooklet in a SharePoint Page

You can embed your Simplebooklet directly into a Microsoft SharePoint page, giving your team or audience a fully interactive booklet experience without ever leaving your SharePoint environment. Follow the steps below to get it set up.

|| Available on all paid plans.

## **Step 1 — Prepare Your Simplebooklet for Embedding**

Before copying your embed code, take a moment to configure how your booklet will look and behave inside SharePoint.


### In the Design Tab

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

2. Click the **Design** tab.

3. Configure the navigation menu buttons you want to appear for your viewers.

4. Under **Control Menu**, make sure the **Fullscreen** option is enabled. This allows viewers to expand the booklet to fill their screen.

5. Under **Navbar Menu**, select the **Embed** tab and choose your preferred navigation bar layout. You can preview each option before deciding.

6. *(Optional)* Under **Share Menu**, use the toggle at the bottom to hide sharing options if you don't want viewers to share the booklet from within SharePoint.


### In the Share Tab

1. Click the **Share** tab at the top of the editor.

2. Under **Embed on a Webpage**, click the **Code** button.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-26_1ua6u5r.png =475xauto)

3. Your embed code will appear in a popup. Choose your preferred navbar style — **Candy Bar**, **Minimalist**, or **Disable footer navigation**.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-27_q09eww.png =792xauto)

4. Click **Copy** to copy the embed code to your clipboard.


## **Step 2 — Add Your Simplebooklet to SharePoint**

1. Go to the SharePoint page where you want to embed your booklet.

2. Click **Edit** to enter edit mode.

3. Open the **Toolbox** (the icon on the right side of the page).

4. Click **See all web parts**, then find and select — or drag and drop — the **Embed&#32;`</>`** web part onto your page.

5. Click **Edit properties** on the web part.

6. Paste your copied embed code into the **embed code** box.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-28_14qsovp.png =457xauto)

7. Click **Save** or **Republish** to apply your changes.

Your Simplebooklet will now appear directly on your SharePoint page.


## **Adjusting the Size**

SharePoint's **Resize to fit the page** toggle is available but may not always produce the result you want. For more precise control, edit the embed code directly:

* Find the `height="xxx"` value inside the iframe code

* Increase or decrease the number to adjust how tall the booklet appears on the page

* Adjust the `width` value in the same way if needed

| Tip: Viewers can also click the **Expand** button in the booklet's navbar to make it fill their full screen. Press **ESC** to return to the SharePoint page.

![](https://storage.crisp.chat/users/helpdesk/website/-/b/a/9/a/ba9a701c45868800/framegenericlight-29_if817f.png =392xauto)


## **Troubleshooting**

**My booklet isn't displaying — it shows an error or blank space.**

Depending on your organisation's SharePoint configuration, the `simplebooklet.com` domain may be blocked as an external content source. If this happens, you can update the embed code URL to use your custom Simplebooklet domain instead.

In the iframe embed code, find:

```
src="https://simplebooklet.com/embed.php?...
```

Replace `simplebooklet.com` with your custom domain, leaving the `?` and the rest of the key exactly as they are:

```
src="https://yourcustomdomain.com/embed.php?...
```

| Note: If you're unsure whether you have a custom domain set up, contact your Simplebooklet account administrator or reach out to our support team.


**Ready to share your work?**

* [Embed your Simplebooklet on a Webpage](https://docs.simplebooklet.com/en/article/embed-your-simplebooklet-on-a-webpage-5vjva2/)

* [Customize your Navbar Layout](https://docs.simplebooklet.com/en/article/customize-your-navbar-layout-14m5jqp/)

* [Add a Custom Domain to your Simplebooklet](https://docs.simplebooklet.com/en/article/add-a-custom-domain-to-your-simplebooklet-fd9wq3/)