Embedding a view or base
  • 05 Jul 2022
  • 4 Minutes to read
  • Dark
    Light

Embedding a view or base

  • Dark
    Light

You can embed an Airtable base (or just a view from a base) into any web page that supports iframes. Try embedding a base in a public-facing website, or as part of an enterprise wiki (like Confluence). Note that neither an embedded view or base can be edited by a user, for more information on collaboration in Airtable check out this support article.

Embedding a base

Start by clicking the "Share" button at the top-right corner of an open base. This will open up a window with sharing options.

360001074627ScreenShot2018-02-19at25313PM.png

Click on the option labeled "Create a shared link to the whole base" under the Shared base link header. This will bring up a dropdown menu with the option to create a Private read-only link.

360001063608Sharelinkz.gif

Clicking the Private read-only link option will generate a share link for the base. (You can learn more about base share links in this support article.) There will also be an embed button (which resembles a pair of angle brackets) next to the preview link button. Clicking on this will open a new preview page which will show you what the embed will look like on desktop and mobile.

From the preview page, you can copy out the embed code and paste it into your site. You also have the option of changing the background color of your embed (or making the background color transparent), and the option to enable a card layout style for the desktop embed. Note the differences in functionality between the desktop and mobile embeds: on desktop, there are options to filter, group, and sort records. On mobile, these options will not display.

360001063668ScreenShot2018-02-19at71654PM.png

For information on the data copying permissions for embedded bases, see this help article on data copying permissions for share links.

Embedding a view

You can embed just a specific view of a table within a base—as opposed to the entire base.
The viewer of the embedded view will not see any records that are hidden in this view. In the event that you change cell values, add records or fields, or otherwise change which fields and records are visible in the view, the link will automatically update in real-time to show the most up-to-date version of the view. With that said, it's worth calling out that any Airtable webpages currently displaying the view will need to be refreshed in order to show the new version.
If you'd like to take extra precautions to ensure that the configuration of your embedded view won't get accidentally changed (and you're on an Airtable Pro plan), you can lock the view being shared, which will prevent all collaborators from altering a view's configuration until it's been unlocked by someone with creator permissions.
Note that if the shared view exposes a column containing linked records, only the names of those linked records will be exposed. Any viewers of your shared view link will not be able to open up a linked record to see all of the fields of that linked record, as they would be able to do if they were collaborators with full access to the base.
The first step is to create a view for sharing. Then, click the share link button in the view bar. This will bring up an option to create a shareable grid, calendar, gallery, or kanban view link.

360001074667ScreenShot2018-02-19at72526PM.png

Clicking the Create a shareable [type] view link option will create a view share link. (For more on view share links, check out this support article.) Once you've done this, you should see an option to Embed this view on your site.

360092681753EmbedOption.jpg

Clicking this option will open a new preview page which will show you what the embed will look like on desktop and mobile.

360084185553Screenshot2020-08-06at070038.png

From the preview page, you can copy out the embed code and paste it into your site. You also have the option of customizing your embed with a card layout style (for embedded grid views on desktop), or of showing/hiding the view controls at the top of the embed. Showing the view controls will allow showing/hiding fields, filtering records, grouping records, sorting records, changing row height, and the ability to print the view. Note that these view controls will only appear in the desktop embed, and will not appear on mobile.

360001074867ScreenShot2018-02-19at73130PM.png

For information on the data copying permissions for embedded table views, see this help article on data copying permissions for share links.

Disabling an embed

If for any reason you wish to disable your embed, you can do so by disabling the underlying share link. To disable share links, use the same methods found in this support article on how to disable a share link.

If you disable an embed, anyone viewing the embed will see an error screen.

360001074787ScreenShot2018-02-19at55656PM.png

Embedding on Medium

When embedding a base or view in a post on Medium, you do not need to use the embed code provided on the embed preview page. Instead, you can copy and paste the share link (the link you see before going to the embed preview page) into your post.

115024392788embed-in-medium.gif

To embed the base or view, click the + button on the left side of the center column, then click the embed button <>, then paste the share link, then press. Enter

115024392968putinurl.gif


Was this article helpful?