Embedding Airtable views

Embedding Airtable views

You can embed a specific view of a table within a base instead of sharing the entire base. The viewer(s) of the embedded cannot see any hidden records. Suppose you update cell values, add records or fields, or update which fields and records are visible in the view. In that case, the embed will automatically update in real-time to show the most updated version.

NOTE

Users on paid plans can ensure their views aren't accidentally changed by locking the shared view, which prevents collaborators from modifying a view until someone with creator permissions unlocks it.

1. Visit your Airtable home screen.

2. Open your preferred base and create a view for sharing.  

3. Click Share and sync. Note that this is different from the Share button that is located just above the Share and sync button.

4. Next, click Embed this view.

   1. A new tab opens the embed code to be used on your website.

   2. Once on the embed grid view tab, you are presented with two grid view options:

      • Use card layout on desktop - Toggle on/off for a different visual embed experience

      • Show view controls - Toggle on/off to allow/restrict filtering and sorting on the desktop experience

5. Copy and paste the embed code into your preferred location.

Disabling embedded Airtable views

1. Visit your Airtable home screen.

2. Open your preferred shared.

3. Click Share and sync, then Link settings.

4. Click Disable link.  

Embedding an Airtable base

Sometimes, you may want to embed more than just a single view and embed an entire Airtable base. It’s worth noting that you will want to be more careful when embedding an entire base as it will expose ALL of the information held within the base, including new data added in the future.

1. Visit your Airtable home screen.

2. Open your preferred base.

3. Click the Share button in the upper right corner of the base.

4. Click the Share publicly tab.

5. Toggle on the option to “Enable shared base link (read-only)”

6. A share link for the entire base will be generated. Next to this URL click the <> icon to be shown the embed configuration page. Note that there are other options to consider that will also affect the access and or options that end users experience in the embed:

   1. Allow viewers to copy data out of this base - Toggling this off removes that option for end users who see the embed.

   2. Show extensions added to this base - Toggling this off will hide any extensions added in the base.

   3. Restrict access to an email domain

   4. Restrict access with a password

7. From here you will see:

   1. A preview of the desktop and mobile experience of the embed.

   2. Use card layout on desktop - A toggle that will alter the visual appearance from a grid view to a card layout (Only on desktop, not mobile).

   3. A button to Copy embed code.

8. You’ll want to copy the code and embed it on your website. This will differ from website to website, so you’ll want to consult other resources for help embedding the iframe  code correctly.

FAQs