Add your own code
For a look the editor can’t make, a section can hold its own HTML and CSS, written by you, the assistant or your own AI. Code from anyone but you waits for your OK.
Most sections need no code. When you want a layout or look the editor can’t make, a section you build can hold its own HTML and CSS. It sits in your page like any section, wears your fonts and colors, and search engines read it. You can still change its words, photos and links by tapping them.
On a computer, open the section and choose Edit code. The code panel shows its HTML, its CSS and any interactive block’s code. Problems show beside their line as you type, in plain words, and Save code saves it to your draft. On a phone, View code shows it to read.
Code keeps to some rules so your website stays safe and fast: no scripts, no forms that send elsewhere, links and photos checked like any other, and CSS that stays inside its section. Your header and footer can be your own HTML too, as long as they keep your menu, account link and cart, and your privacy and terms links.
Code the assistant or another AI writes always waits for your OK, whatever you chose for it. You’re responsible for code you approve, including that it stays accessible. Every version is saved, so you can go back.
For agents
Read the rules first with website_catalog {kinds: ["code"]}. Markup: website_change page op setMarkup {section, element?, html}; on the header keep <site-nav>, <site-account> and <site-cart>, on the footer <site-legal>; empty html puts the standard one back. CSS: setStylesheet {section, css} on a section you build (type "custom"), using the --site- variables, written for 390 px first; it’s scoped to the section and refused by name when it breaks a rule. Every change to custom code is a proposal for the owner, even under Just do it. Look with website_snapshot at 390 and 1280 before proposing.