Lidascope on Shopify

The Lidascope app gives your theme editor a ready-made block — paste your ID, pick a height, done. No app? A single line of code works on any theme.

01Copy your kaleidoscope ID

In your Lidascope dashboard, open your kaleidoscope — the 16-character ID sits right under its name. One click copies it.

02Install the Lidascope app

Search Lidascope in the Shopify App Store and install it. Just launched, so if it hasn't reached your region's store yet, skip to the code option below — same result.

03Add the block

In Online Store → Themes → Customize, pick the section you want (the home page hero is the classic spot), then Add block → Apps → Lidascope.

04Paste the ID and save

Paste your kaleidoscope ID in the block settings, set Height (70% of the screen makes a proper hero), and hit Save. It's live.

No app? The one-line option

Works on every Shopify theme, no install: in the Lidascope editor open Put it on your site, pick a shape, and copy your line — it looks like this:

<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>

Then in your theme editor: Add section → Custom Liquid (or a Custom Liquid block inside an existing section), paste the line, and Save. For a homepage hero, copy the Hero shape — panoramic on desktop, tall on phones. Inside columns and grids, use a fixed shape (Wide, Square, Tall) so it holds its proportions.

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

Open the editor