Guidejar

How to embed in Notion?

Quickly learn how to integrate your guides into Notion pages. Elevate your notes, project pages, or knowledge bases in Notion by seamlessly embedding your guides. Ideal for users managing their knowledge base on notion.

Steps to embed a scrolling guide

1

Click on "Share"

Click on "**Share**"
2

Click on "Scrolling guide"

Click on "**Scrolling guide**"
3

Click this icon to copy the embed script

Click this icon to copy the embed script
4

Go to your Notion page and add an "Embed" block

Go to your Notion page and add an "**Embed**" block
5

Paste the script you copied and click on "Embed link"

Paste the script you copied and click on "**Embed link**"
6

And voilà, your guide is instantly embedded. You can now drag this block to resize however you want.

And voilà, your guide is instantly embedded. You can now drag this block to resize however you want.
7

Looks awesome, right? 🥹

Looks awesome, right? 🥹

Steps to embed an interactive demo

8

This time, click on "Interactive Guide"

This time, click on "**Interactive Guide**"
9

Let's give it a border.

Let's give it a border.
10

Add some nice corner rounding to make it look super nice 😉

Add some nice corner rounding to make it look super nice 😉
11

Once again, let's copy the embed script.

Once again, let's copy the embed script.
12

Let's follow the same steps again.

Let's follow the same steps again.
13

And let's now click on "Embed link"

And let's now click on "**Embed link**"
14

And here you go! Take a moment to think how awesome your notion pages will look when you embed your own demos 😍

And here you go! Take a moment to think how awesome your notion pages will look when you embed your own demos 😍