Inject custom HTML & CSS

Custom code covers the cases the visual builder deliberately leaves alone. Save as you go with Cmd+Shift+S (Ctrl+Shift+S on Windows) — snippets go live on the next publish, not before.

Head snippet

Injected just before the closing <head> tag:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Tessera does not lint or validate what you paste here, so read your snippet through before you publish it.

Check that your snippet cannot open a security hole — unsafe code can leak member details to third parties.

Footer snippet

Injected just before the closing </body> tag:

<script defer src="/scripts/studio-booking.js"></script>
<link rel="preconnect" href="https://cdn.ceramicsclub.studio" />
<noscript>Kiln times are published on the studio notice board.</noscript>

Scripts added here run on all 34 published pages, including checkout — measure the load cost before you ship.