Website integration — Oliver's Cafe
Connect online ordering to your existing website: link to your hosted ordering page, or embed it with the widget or an iframe.
Your ordering domain
Your ordering page is served full-page (no iframe) at https://orders.oliverscafema.com/. Link your website's “Order Online” button there. Ask support to change it.
Integration code
Link any button or menu item on your site to your hosted ordering page. Always works — no origin setup needed.
…Allowed embed origins
Websites allowed to embed your ordering page in an iframe. Required for the floating button, embedded menu, and iframe methods — the hosted link always works. Enter your website's origin, e.g. https://your-restaurant.com.
Installation by platform
Full instructions live in the docs; the short version for common platforms:
- Plain HTML
- Paste the snippet just before the closing </body> tag of your page.
- For the embedded menu, place the <div> where the menu should appear.
- Next.js
- Use next/script with strategy="lazyOnload" and the same src and data attributes, or paste the plain <script> tag into your root layout.
- The embedded-menu <div> goes wherever the menu should render.
- WordPress
- Add a Custom HTML block to the page (or use a header/footer snippet plugin) and paste the snippet.
- Theme editors that strip <script> tags need the snippet plugin route.
- Webflow
- Page settings → Custom code → Before </body> tag, paste the snippet and publish.
- For the embedded menu, add an Embed element with the <div> where the menu should appear.
- Wix
- Settings → Custom code → add the snippet to the Body — end section.
- Wix pages are themselves iframe-heavy — if the embedded menu misbehaves, use the floating button or the hosted link.
- Squarespace
- Settings → Advanced → Code Injection → Footer, paste the snippet (Business plan or higher).
- On Personal plans (no code injection), link your ordering button to the hosted page instead.