One2 Menu
Embed One2 Menu restaurant menus in Webflow with HTML code for contactless QR ordering and auto-updates.
How to integrate One2 Menu with Webflow
Restaurants need menu displays that update automatically without republishing their website every time prices change or items sell out. One2 Menu provides HTML embed codes that sync your menu to Webflow in real time, so customers always see current offerings while you manage everything from a single dashboard.
You can integrate One2 Menu to Webflow by embedding HTML code directly into your pages. The embed code includes your menu ID and JavaScript that renders your current menu items with mobile-responsive layouts and automatic updates.
Embed your menu with HTML code
One2 Menu generates HTML embed codes from your restaurant dashboard. You copy the code and paste it into Webflow's HTML Embed element to display your menu on any page.
To add the embed
Log into your One2 Menu dashboard and locate your integration or embed settings. The specific navigation path depends on your account type and dashboard version, so check One2 Menu's documentation or contact their support team if you need help finding the embed code.
Once you have the code, paste it into an HTML Embed element in Webflow where you want the menu to appear. Publish your site to make the menu live.
What works with embeds
- Automatic menu updates when you change items in One2 Menu's dashboard
- Mobile-responsive layouts that adapt to different screen sizes
- QR code generation for contactless menus that customers scan to view from their phones
- Multi-location support using location-specific embed codes for different restaurant sites
Requirements and considerations
Webflow requires either a paid Workspace plan (Core or higher) or a paid Site plan (Basic or higher) to add custom code. If you're building the site, a Workspace plan enables custom code during development. If you're hosting a completed site, a Site plan includes custom code capability.
The HTML Embed element supports up to 50,000 characters per embed. Menu updates appear in real time without republishing your Webflow site, but initial embed code installation requires a site republish.
What you can build
Integrating One2 Menu with Webflow lets restaurants create mobile-optimized menu displays that update automatically without touching your website code.
- Contactless QR menu websites: Add QR codes to landing pages so customers scan to view current menus on their phones while you update pricing and availability from One2 Menu's dashboard without republishing your site
- Multi-location restaurant sites: Display location-specific menus across different pages using separate embed codes for each restaurant while managing all menu content from a central dashboard
- Online ordering pages: Embed One2 Menu's ordering functionality directly into your Webflow site so customers browse menus and place orders without leaving your custom-designed pages
- Menu-driven marketing sites: Showcase seasonal items and food photography in responsive layouts that update automatically when you add new menu sections or featured dishes
Frequently asked questions
One2 Menu integrates through HTML embed codes that you paste into Webflow's HTML embed element. Log into your One2 Menu dashboard to find your Webflow integration settings and embed code. Then add an HTML embed element in Webflow Designer and paste the code where you want your menu to appear. The embed requires a Webflow Core plan or higher.
Yes, menu changes sync in real time once the embed code is installed. You manage menus in One2's web application and updates automatically appear on your Webflow site without republishing. The initial embed code installation requires one site publish, but subsequent menu edits like prices, items, descriptions, or images update immediately through One2 Menu's JavaScript.
Mobile interaction issues with embedded menus can stem from various causes. For Webflow-specific interaction problems, consult Webflow's troubleshooting documentation. For One2 Menu embed-specific issues, contact One2 Menu support with details about the specific behavior you're experiencing.
One2 Menu's dashboard may include a visual widget builder where you can select colors, typography, and layout styles. Check your One2 Menu account for available customization options. For advanced customization beyond the widget builder, consult One2 Menu's support team about CSS customization options.
The standard HTML embed doesn't populate Webflow CMS collections — it displays as an iframe-style widget on your pages. For CMS integration, you need API access through One2 Menu's Toast platform infrastructure. The Toast Menus API provides REST endpoints and webhook events that sync menu data to Webflow CMS using the Data API, but this requires partnership agreements with One2 Menu's development team and custom server-side code.
Description
One2 Menu is a Chicago-based restaurant menu management platform that creates contactless QR code menus, processes direct online orders, and manages multi-location operations through a single dashboard.
This integration page is provided for informational and convenience purposes only.
Class Adder for Webflow Interactions
Class Adder is a tool to add/remove a class from an element. You can trigger the add/remove on click, hover, scroll in/out of view, or page load. This is an add-on to Webflow Interactions.
Related integrations
Get started for free
Try Webflow for as long as you like with our free Starter plan. Purchase a paid Site plan to publish, host, and unlock additional features.
