Embedding TrainingOS SCORM on Squarespace

Audience and prerequisites

Squarespace shines for design-forward portfolios and service businesses. If you are showcasing e-learning work or offering a short hosted course, you typically want a clean button to your TrainingOS player—not a pile of plugins.

Before you add anything to Squarespace, upload your package in TrainingOS and open the launch URL in a fresh browser tab. Confirm the module runs standalone; Squarespace cannot fix a broken player URL.

Squarespace and SCORM

You are not uploading the SCORM ZIP to Squarespace for playback; TrainingOS hosts the package and serves the player. Squarespace provides the page, button, or embed shell.

Hosted SCORM behaves most predictably when you treat the TrainingOS URL as the single source of truth for launch—whether you open it in a new window or wrap it in an iframe.

Option A: Link from a button or navigation

Add a Button block or a text link in a Text block, and set the URL to your TrainingOS module or portfolio link. Use action-oriented labels: “Launch sample module,” “Try the demo,” “Open course.”

Enable opening in a new window where Squarespace offers it so learners get a full browser context for audio and completion. Add a short paragraph above the button describing duration and what they will do in the module—especially on portfolio pages.

You can also add the link to site navigation for evergreen course access; keep the label distinct from generic “Contact” or “Services” links.

Option B: Code block iframe

Add a Code block and paste a minimal iframe: src pointing at your TrainingOS launch URL, width 100%, and a generous fixed height (600px minimum; 720–800px is common for tall players). Include allow="fullscreen" if your content uses fullscreen APIs.

Use Squarespace’s preview modes for tablet and phone. Narrow layouts can clip the bottom of the player; increase height or switch to a new-tab link for small breakpoints if the experience feels cramped.

Link vs iframe on Squarespace

Choose a link when you want maximum compatibility—some site settings or templates interact badly with third-party iframes, and a new tab avoids editor sanitization surprises.

Choose an iframe when you have verified the Code block keeps your markup, you need the module inline with surrounding copy, and you have tested mobile height carefully.

Squarespace-specific troubleshooting

If the Code block strips or alters your iframe after save, the platform may be sanitizing the snippet. Try simplifying attributes, or use the button-to-new-tab pattern.

Duplicate the page to a private “staging” page while you iterate; publish only when incognito testing passes.

Checklist

Confirm the live site (not only the editor preview) loads the module. Test logged out and on mobile data if possible.

After design changes, re-open the module link—template updates sometimes reset block settings.

Quick FAQ

Can I host SCORM files on Squarespace instead? You should not rely on uploading the ZIP to Squarespace for standard SCORM playback; use TrainingOS for the hosted player.

Why prefer new tab? It sidesteps iframe restrictions and gives learners a clear, full-window experience with fewer editor edge cases.