Skip to main content

How to embed an Airtable View in the portal

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

Updated yesterday

You can use our portal's/shared view's External Links 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 section

    1. Under External links, go to Links and click on Add

  3. Click on the newly generated link

  4. Set a Link Title. This will be shown to your users.

  5. Select the Link URL Source to Static URL (only applies to portals)

  6. Set the Link URL to your Airtable view's embed URL (see note below!)

  7. Set Link Mode 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?