Add ordering to a plain HTML site

Last updated 2026-07-14

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

On a hand-written or static HTML site, paste the snippet where the menu should appear. That is the whole integration.

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

Replace your-restaurant with your ordering page address; the exact snippet with it filled in is in your admin Settings. A complete page looks like this:

order.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>Order online</title>
</head>
<body>
  <h1>Order from us</h1>
  <div data-delitero-restaurant="your-restaurant" style="height: 640px; max-width: 480px"></div>
  <script src="https://order.delitero.com/embed.js" defer></script>
</body>
</html>

The widget is isolated from your CSS in both directions, so it does not matter what stylesheets or frameworks the rest of the page uses. Set the container height to taste; the widget fills it and scrolls internally.

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.