Add ordering to Astro

Last updated 2026-07-24

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

Margherita pizza — The same menu and checkout, living inside your own page on your own domain.

Rigatoni alla vodka — The same menu and checkout, living inside your own page on your own domain.

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="rst_9f2a64d1-7c3e-4b8a-9d21-8e5f0a6c4b7e" style="height: 640px; max-width: 480px">
  <a href="https://order.delitero.com/r/rst_9f2a64d1-7c3e-4b8a-9d21-8e5f0a6c4b7e">Order online</a>
</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.