Skip to main content

How to embed an Airtable View in the portal

I'm getting an error: airtable.com refused to connect.

Updated today

You can use our portal's/shared view's Menu Items feature for this use case.

Here's how:

  1. Create a grid view or portal extension on miniExtensions (if you don't already have one).

  2. In your extension configuration, go to the Menu Items section

  3. Click on Add

  4. Click on the newly generated menu item

  5. Set a Menu Item Name. This will be shown to your users.

  6. Select the Menu Item URL Type to Static URL (only applies to portals)

  7. Set the Menu Item URL to your Airtable view's embed URL (see note below!)

  8. Set Menu Item Type to Embed in Portal

The embed URL is NOT the same as your view's regular share URL. If you use the normal share URL, you will see an error (usually "refused to connect"). Please have a look at Airtable's help center to find up-to-date instructions on how to get your embed code. The URL you need is part of the code, as highlighted in bold text below. Only copy the actual URL, not the rest of the code.

<iframe class="airtable-embed" src="https://airtable.com/embed/appRoxxyU1169LofZ/shr2CadfXtivTotQF?viewControls=on" frameborder="0" onmousewheel="" width="100%" height="533" style="background: transparent; border: 1px solid #ccc;"></iframe>

Note: If you do not want to use controls in the Airtable view, make sure to leave out the ?viewControls=on portion.

Related

Did this answer your question?