💡 Want to learn more? Check out our article All about the Embed element.
On Instagram, go to the post you want to embed and click on the 3 dots in the top-right corner. Then click on Embed.
A pop-up will appear. You can choose to include the caption of the post or not. Click on Copy Embed code to copy the complete code to your clipboard.
Paste this code in your notes to temporarily store it. The code is very long, and will start with something like this:
<blockquote class="instagram-media" data-instgrm-captioned data-instgrm-permalink="https://www.instagram.com/p/BuBm1f2hpjr/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="13" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/p/BuBm1f2hpjr/?
From this code, we need to extract the source URL, which you can find at the start. Copy the first URL. From the example above, we have copied the following URL:
https://www.instagram.com/p/BuBm1f2hpjr
⚠️ Don't include the UTM data from the source URL. Adding this will prevent the embed from working in Foleon.
You now need to add "/embed" to the end of this URL. The URL will then look something like this:
https://www.instagram.com/p/BuBm1f2hpjr/embed
Copy this URL and go to your Foleon Doc. Add an embed element to your column and paste this URL in the URL field. If the URL is correct, a preview of the Instagram embed will be visible. Click on Save to add it to your page.
💡 Learn how to style your embed with the element settings in our article All about the Embed element.
Related articles