From Figma sketches to Miro boards Sana lets you embed over 200 media types from more than 1900 media publishers, using Iframely. You can integrate almost any object you find on the web into a Sana Course or Live by simply pasting the URL.
How does it work?
The card works by identifying embeddable objects from the URL you paste in the card. You might have noticed that the card doesn't display exactly what is on the web page you link to, but rather an object from it. For instance, in the case of the YouTube video, the card only displays the video itself, and not the comment section, recommended section, search bar, etc.
Please see the below guides demonstrating how to correctly embed a link from their sources:
Youtube
Copy URL via the browser window or via Share button*
Paste into the embed card
Not working?
If you uploaded the video ensure that the privacy settings of the video are set to ‘Unlisted’ or ‘Public’ - see below
If you didn’t upload the video the video may have not be available publicly
Google (Drive, slides, docs, etc.)
In upper right corner click Share
Set the Anyone with a link access settings
Copy the link
Paste into the embed card
Figma
In upper right corner click Share
Set the Anyone with a link access settings
Copy the link
Paste into the embed card
Airtable
In upper right corner click Share
Choose Share publicly tab
Check Enable shared based link
Copy the link
Paste into the embed card
Miro
In upper right corner click Share
Copy board link - Anyone with the link
Copy link
Paste into the embed card
💡You need a paid plan to use anyone with a link feature
Pitch
In upper right corner click Share
In the pop up, on the menu to the left, click either Share with anyone or Embed presentation
If choosing Share with anyone ensure Public access is checked
Copy the link or the embed code
Paste into the embed card
Trello
Make sure your board is set to public
Copy the URL in the browser
Paste into Sana’s embed card
Loom
In upper right corner click Share
In the pop up click Copy link (set a timestamp to start the video if you wish)
Paste into the embed card
Vimeo
Copy the URL or click Share under the video
Click the 🔗 link icon and then copy
Paste into the embed card
Not working?
If you uploaded the video ensure that the privacy settings of the video are set to ‘Unlisted’ or ‘Public’ - see below
If you didn’t upload the video the video may have not be available publicly
Other examples of things you can embed
Spotify
Codepen
InVision
Typeform
and more!
Embed block in the editor
Type /embed into the editor to include an embed block and then paste your URL into it.
Additionally, if you have any of the aforementioned examples of embed cards you can type that card name eg. /vimeo
FAQ
Why won’t my content embed?
Try disabling rich embed, you can find the option to disable it at the top of the editor view by clicking on the the small cog icon
Why is it still not working?
Some websites do not allow their content to be embedded on other sites. This may be due to security, privacy, or performance reasons. If you try to embed content from such a website, you may see an error message or a blank space instead of the content.
To check if a website allows embedding, you can look for an embed code or a share button on the site. If you don’t see any of these options, it means the site likely does not support embedding. If you believe that it is embeddable you can test here if a website is embeddable or not: https://iframetester.com/
How do I know what object from my URL the card will display?
It varies from site to site - depending on what the creator of the site has decided.
Why won't the card display it correctly?
There are a few reasons that this could happen, including:
The website is only private access - you may need to change page settings to allow public sharing (NOTE: sometimes when changing this setting it can take up to a minute to update)
The website requires a paid subscription to allow their data to be shared publicly
The website doesn’t allow for embeddable content