Embedding airtable/softr list view into Squarespace 7.1, not rendering

Ask the community
1

I have a softr List page using Airtable. The list view is rendering normally in Softr, but when I embed it using a Squarespace 7.1 embed object, when I load the public view, the iframe flashed on the screen then disappears. The iframe is empty when it flashes.

I’ve tried viewing in incognito mode. I’ve clicked the [Preview in Safe Mode] button in Squarespace (no change), although that removed the Script Disabled message in squarespace design view.

Here’s the url: New Page — San Francisco Hospital and Institution Committee (H&I)

Here’s the embed code:

2

Is your Softr page view and the block view set to: non logged-in users?

Try switching to a code block in Squarespace (not an embed) and use:

3 
<div class="softr-embed-wrapper">
  <iframe 
    src="YOUR_SOFTR_PAGE_URL_HERE"
    width="100%"
    height="800"
    frameborder="0"
    scrolling="auto"
    allow="fullscreen"
    loading="eager"
    style="border: none; display: block; min-height: 800px;">
  </iframe>
</div>

<style>
  .softr-embed-wrapper {
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  
  .softr-embed-wrapper iframe {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
</style>