Add ordering with an AI website builder
Delitero is launching soon. Join the waitlist and we will email you when it opens.
Sites built with Lovable, v0, Bolt, and similar tools are ordinary web apps, so the embed works the same way: a container div plus the script tag. The fastest path is to tell the AI exactly what to add. Copy this prompt, replace your-restaurant with your ordering page address, and paste it into your builder:
Add online ordering to my site using the Delitero embed.
1. On the page where ordering should live, add exactly this HTML:
<div data-delitero-restaurant="your-restaurant" style="height: 640px; max-width: 480px"></div>
<script src="https://order.delitero.com/embed.js" defer></script>
2. Do not wrap the div in anything that constrains its height below 640px, and do not add any styles targeting the widget's internals (it renders in a shadow root and styles itself).
3. If the app uses client-side routing and the div can appear after initial load, after rendering the div call: window.Delitero.mount(document.querySelector('[data-delitero-restaurant]'))
4. Do not modify, proxy, or bundle the script URL. Load it exactly as written.If the generated app is React, Next.js, or SvelteKit under the hood, the framework guides in this section show what correct output looks like, so you can check what the AI produced.
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.