Skip to main content

Add Custom HTML/CSS/JS to your site

A custom-coded block on the page — your HTML, CSS and JavaScript run as-is. Pro plans only.

Updated 2026-11-02

01What it does

  • As its own section on the page it is placed on (the home page unless you choose another).

02What you need

  • HTML (optional)
  • CSS (optional)
  • JavaScript (optional)

03Connect it

  1. In Studio → ⋯ → Widgets → Custom HTML/CSS/JS, switch it on.
  2. Paste your markup into "HTML", styles into "CSS" and script into "JavaScript" (any one is enough).
  3. Save, then Publish — widgets go live with your next publish, not before.

04Check it works

  • The block renders on the live site; check the browser console for script errors.

05If it does not work

  • A third-party script is blocked — The site's script policy only allows inline scripts and hosts that enabled widgets declare. Use the dedicated widget if there is one; turning on the Google Tag Manager widget allows any HTTPS script.
  • Can't save — Custom code needs the Pro plan.