Skip to content

Topic hub · 1 guide

Making a chat widget look like your site

A support widget is the one plugin whose output every visitor sees on every page, and the category treats it as plumbing. This hub covers the alternative: a default that is not the rounded purple bubble, every colour and radius as a custom property, and a shadow root so your theme cannot reach into the widget and the widget cannot leak into your theme.

What this hub covers

  • Theming from custom properties
  • Shadow DOM isolation
  • Light and dark done properly
  • Why the category default looks the way it does

Start here

AI widget for website: making one that fits your site: a four by three grid of white tiles with thin grey borders and one filled brand-coloured tile
Guides

AI widget for website: making one that fits your site

A chat widget is the only plugin whose output every visitor sees on every page, and the category treats it as plumbing. What to demand from one, and what it costs your page.

10 min read

Related topic hubs

Named across this hub: CSS custom properties, Shadow DOM, WordPress themes.

Put a real answer on every page.

Ask this site's own widget a question and watch it cite the page, or refuse. It is the same plugin, running on the same content you are reading.

Join the launch list Try the live demo