Add ordering to Astro

Last updated 2026-07-14

Delitero is launching soon. Join the waitlist and we will email you when it opens.

In Astro, paste the snippet into any .astro page. Mark the script is:inline so Astro serves it as written instead of bundling it:

src/pages/order.astro
---
---
<div data-delitero-restaurant="your-restaurant" style="height: 640px; max-width: 480px"></div>
<script is:inline src="https://order.delitero.com/embed.js" defer></script>

That is the whole integration for a static Astro site. If the container is rendered by a client framework island that appears after load, mount it manually with window.Delitero.mount(element); mounting is idempotent.

Works everywhere, or the link does

Whatever your website can or cannot embed, the hosted ordering page always works as a plain link. Sizing, isolation guarantees, and single-page-app notes are on the Add ordering to your site overview.