Docs & officeairtable.com
Can you embed Airtable in an iframe?
Yes, with the iframe code from Share and sync. Airtable gives this code for a view or a base. It does not use the normal share link.
Checked Test again
Live check
Two links, two results
Share linkPartial
airtable.com/appjYTduK9mG7GfH2/shr6Tswah4vyYJIOR- X-Frame-Options
- SAMEORIGIN
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 163 ms · HTTPS
Embed linkEmbeddable
airtable.com/embed/appjYTduK9mG7GfH2/shr6Tswah4vyYJIOR- X-Frame-Options
- Not sent
- CSP frame-ancestors
- Not sent
- Response
- 200 OK · 154 ms · HTTPS
Steps
How to embed Airtable
- Open the base that has the view.
- In the upper-right corner, clickShare and syncthenEmbed this view
- A preview window opens. Check the view in the preview.
- Click Copy embed code.
- Paste the iframe code into your page.
The embed uses a public share link.
Anyone with the code can see the data. An embedded base shows all its data, also the data that you add later.
Embed code
Paste this into your page
HTML
<iframe
src="https://airtable.com/embed/{base-id}/{share-id}"
width="100%"
height="600"
style="border: 0"
title="{view name}">
</iframe>Copy embed code gives the exact code. Use the code as Airtable gives it.
URL patterns
Swap the link you have for the embed URL
- You haveairtable.com/{base-id}/{share-id}Use in the iframeairtable.com/embed/{base-id}/{share-id}
The copied iframe code has the embed link. Do not use the normal share link in an iframe.
Good to know
- The embed is a live, read-only copy. Visitors cannot change the records.
- Embeds are available on all plan types.
- To embed a whole base, turn on the shared base link under Share publicly. Then click the <> embed icon.
- Turn off the link to stop the embed.
- Generate new link makes a new link, and the old link stops working. Paste the new embed code on your page.
- WordPress.com sites do not support Airtable embeds. Self-hosted WordPress sites do.
- Embeds of public views do not support filters that use hidden fields.
Sources
- Airtable Help Center · Embedding Airtable views and basessupport.airtable.com/articles/6973404921-embedding-airtable-views-and-bases
- Airtable Help Center · Creating Airtable base share linkssupport.airtable.com/articles/7934312431-creating-airtable-base-share-links
- Airtable Help Center · Using the view share menu in Airtablesupport.airtable.com/articles/4130354023-using-the-view-share-menu-in-airtable
- iframecheck live check · both links
Profile updated