Knowledge Base / Content & Slides

How to add HTML code

Updated May 10, 2026

Render arbitrary HTML / CSS / JS as a slide. Useful for custom widgets and dynamic content the built-in slide types don't cover.

Step 1 — Open My Content and click HTML Code

In the sidebar under Content, click My Content, then the HTML Code card.

My Content hub with the HTML Code card highlighted

Step 2 — Switch to the Add New tab

Click the + Add New tab.

HTML Code page with the Add New tab highlighted

Step 3 — Enter a title

The Title is a label for the Control Panel — it's not shown on TV.

Empty HTML form with the Title field highlighted

Step 4 — Write the HTML / CSS / JS

The form has three editors: HTML, CSS, and JS. Anything you'd write in a normal browser tab works here, scoped to a single slide.

Form with the code editor highlighted

Step 5 — Submit

Click Add HTML. Default duration (10 s) is sensible for most widgets.

Form bottom with the Add HTML button highlighted

Step 6 — Confirm in the list

The new HTML slide appears at the top of the list, assigned to the default playlist.

HTML Code list with the new entry highlighted

Was this article helpful? If you need more help, open a support ticket.

Sign in to open a ticket
{# GDPR-style cookie banner. Shown on first visit; the "Accept" button stores a permanent cookie (1 year) so the banner doesn't reappear. Inline CSS + tiny inline JS — no extra HTTP requests. #}