Lidascope on Squarespace

A Code block on any page. Squarespace requires the Business plan (or higher) for code blocks — that's their rule, not ours.

01Copy your line

From the Lidascope editor's Put it on your site panel:

<div style="position:relative;width:100%;aspect-ratio:16/9;">
  <iframe src="https://www.lidascope.com/e/YOUR_ID" title="Kaleidoscope"
    style="position:absolute;inset:0;width:100%;height:100%;border:0;"
    loading="lazy" allow="clipboard-write"></iframe>
</div>

02Add a Code block

Edit the page, click an insert point, and choose Code from the block menu. Keep the block's type set to HTML.

03Paste and save

Paste the line, apply, and save the page. Squarespace previews code blocks after save, not while editing — check the live page.

04Sizing

The kaleidoscope fills the block's column. Drag the block wider or use a full-width section for the hero treatment; pick the Square or Tall shape for narrow columns.

Your exact line — with your kaleidoscope's ID already in it — is in the editor, under Put it on your site.

Open the editor