← All guides

Lidascope on WordPress

Works in the block editor on any WordPress site — no plugin needed.

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 Custom HTML block

Edit the page or post, press +, and search for Custom HTML.

03Paste and publish

Paste the line into the block and publish. Use the block's Preview toggle to see it moving right in the editor.

04Classic editor?

Switch to the Text (HTML) tab and paste it where you want it in the page.

05Page builders

Elementor, Divi, and friends all have an HTML widget — paste the same line there.

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

Open the editor