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

Result of
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

  1. Open the base that has the view.
  2. In the upper-right corner, clickShare and syncthenEmbed this view
  3. A preview window opens. Check the view in the preview.
  4. Click Copy embed code.
  5. 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

Profile updated

Know before you embed.

Free, no sign-up, nothing stored. Paste a URL and get a verdict, a live preview, and the fix.