Hearing about social media instantly makes us think about popular apps such as Instagram, because IG is one of the most loved social media platforms in all corners of the Earth.
Being on this page, you're most probably a Notion user, as much as you're an Insta user. If you ever wanted to embed an IG post in your Notion workspaces and you've noticed how that was an impossible job... Let us tell you that you can now embed any IG post in Notion.
First of all, let's settle this: to embed Instagram posts in Notion, you need to have a Notion-built website. Don't worry, making a Notion website is 100% free and it takes literally 10 seconds.
To add Instagram posts/feeds in Notion, copy the Embed code of an IG post and add inside a Code block in the Notion page that hosts your website, in-between two #EMBED tags. That's it!
While that may sound complicated, it's actually not. Scroll with us and check out the fully-detailed way to add Instagram in Notion. The process won't take longer than 2 minutes!
At the moment, there's no other way to add Instagram in Notion without having a Notion-built website.
We're going to work 100% only in Notion, but the process that we'll go through works only with Notion pages that host free websites built with our website builder.
If you've already got your Notion website, that's great. Also, thanks for building your website with us! It means a lot 🤗
So, once you've built your Simple.ink x Notion website, go to your favourite Instagram post and click the three dot icon in the top-right corner of the screen.
In the image above, you can see the little icon that we're talking about.
Click on that icon, and then you should see a pop-up on the screen that has a few options. Out of all, you want to select "Embed".
After hitting the "Embed" button, you will see yet another pop-up.
This time, the popup is a window with the embeddable HTML code of the post that you're on, and it'll look something like this:
Now you have to decide whether you want your embed to display the caption of the post or not. For this example, we'll let the caption included in the embed.
Decided? Cool! Now please be sure to 100% copy the whole code in the box. You can either do the classic copy + paste method, or you can simply click the "Copy Embed Code" button.
Whichever option works best! In the meantime, make sure to keep your IG post's embed code into the clipboard. We'll need it later.
Now's the time that we go to Notion and set up the block for the Instagram embed. To do so, we first need to make a Code block.
If you want to read a fully-detailed tutorial on how to add Code blocks in Notion, make sure to read our Notion Code Block Tutorial.
That's really simple! All you have to do is go to the Notion page that hosts your website, and you have to type "/code", and then select the "Code" block.
Now, inside the code block, you need to do the following:
1. Type "#EMBED" and hit ENTER
2. Paste your Instagram post's embed code (previously copied), and hit ENTER
3. Type "#EMBED" again
Then, your block should look the same as our example in this image below.
So, regardless of the fact that we've built a Code block and that we've added a line of HTML code in that block, there was really no coding knowledge involved. It's all just a copy & paste job!
Now, you will always see this Code block in your Notion page. Though, on your public website, people are going to see the 100% interactive, working Instagram embed, like so:
See? That's what your users are going to see in Notion - a 100% working Instagram post.
The best part about this is the fact that embedding Instagram in Notion took no longer than 3 minutes.
Yes, you can. Here's what you need to do:
And then, your users are going to publicly see your Instagram posts embedded in Notion.
For more tutorials like this, make sure to read the rest of our Notion integrations. Thank you for stopping by!