Add ordering to Framer
Delitero is launching soon. Join the waitlist and we will email you when it opens.
In the Framer canvas, add an Embed component where the menu should appear, set its type to HTML, and paste the snippet into the code field.
<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 src="https://order.delitero.com/embed.js" defer></script>
Give the Embed a fixed height of 640px (or whatever height you set in the snippet) rather than leaving it to hug its content: Framer sizes an embed from the frame, not from what loads inside it, so an auto-height frame collapses to nothing.
Embeds do not render on the canvas. Use Preview or publish to a staging site to see it.
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.