The embed app is part of Airtable Apps, a Pro plan feature. Apps let you extend the functionality of your bases: you can use apps to bring new information into Airtable, visualize and summarize your records in colorful ways, and even directly integrate your Airtable bases with your favorite apps.
With the embed app, you can view content from other websites without leaving your apps dashboard. Use it to watch videos and livestreams, display data visualizations from other services, reference useful web pages, share a Spotify playlist with your team members, or even look at other Airtable view or base share links.
Watch this video to learn more about how to set up and use an embed app, or read on for further information.
Setting up an embed app
To use the embed app, add it to your base from the app panel. Click the Add website URL button that appears, then enter the URL of the website you'd like to embed.
When you're ready, click the Update button, and you should see the page, video, livestream, feed, post, or widget appear. Note that if your embed app is working successfully, you should see a header at the top of the app that says, "Content loaded from [site]." Clicking on the site link will open the link in a new window. There's also a reload button in the header of the embed app that you can use to quickly refresh the link.
Depending on the site being embedded, the content in the embed app will either automatically refresh, or you’ll need to manually refresh it yourself. If you want to refresh the content in your app, there’s a reload button in the header of the embed app that you can use to quickly refresh the link.
To change the site being displayed in the embed app, click on the app's dropdown menu, then select the Settings option. This will bring up the dialog to paste in a new URL.
Not sure what to put in your embed app? Here are a couple of examples of useful embeds we've tested:
- Airtable view share links (from another base or even from the same base)
- Airtable forms
- Video (e.g. YouTube, Vimeo)
- Livestreaming video (e.g. Twitch)
- Music (e.g. SoundCloud, Spotify)
- Loom (tip: replace “share” in your www.loom.com/share/xxx link to “embed”)
- Figma
- CodePen
- LucidChart
Troubleshooting
Why doesn't my embed code work when I paste it in?
The embed app accepts URLs (beginning with https://), not embed codes (encapsulated in <iframe>
brackets). If the site you're trying to embed has given you an embed code rather than a URL, just copy and paste the URL as it appears inside the embed code.
For example, if you have this embed code from Spotify:
<iframe src='https://open.spotify.com/embed/user/1230275892/playlist/7nmEuMyigtdUQFqXI9Zf2c" width='300' height='380' frameborder='0' allowtransparency='true'></iframe>
You need to copy and paste just the URL from inside the embed code:
https://open.spotify.com/embed/user/1230275892/playlist/7nmEuMyigtdUQFqXI9Zf2c
I just got the error message “This website does not allow embedding.” What does that mean?
Some sites (like YouTube or SoundCloud) give content creators the option to allow or disallow their content from being embedded elsewhere. For these sites, if you're getting an error while trying to embed, it might be because the content creator has disabled external embedding. If you are the original content creator, try checking the settings on the other site to see if there is an option to allow external embedding. Otherwise, you will need to contact the content creator.
However, certain sites (like The New York Times, for example) will not let you embed their content externally at all. If this is the case, you cannot embed this content within the Airtable embed app.