How to Add Online Ordering to an Existing Restaurant Website
How restaurants can add a DineFlow menu and pickup ordering widget to WordPress, Wix, Squarespace, Webflow, or a custom site.
Restaurants do not always want to replace their website. Sometimes the best move is embedding ordering into the site they already have.
DineFlow supports iframe and script-loader widgets for public menus and pickup ordering.
Why iframe-first works
The widget is isolated from the host website, so it avoids CSS and JavaScript conflicts with WordPress, Wix, Squarespace, Webflow, and custom sites.
That isolation matters. Many restaurant websites already have themes, plugins, booking scripts, analytics tags, and custom CSS. An iframe keeps the menu and cart stable without requiring the restaurant to rebuild their entire site.
A practical launch path
- Enable website embeds.
- Add the restaurant website domain to the allowed list.
- Copy the script or iframe snippet.
- Test menu browsing and pickup ordering from the live website.
What the embed should include
The first version should focus on the highest-value customer actions:
- Browse the public menu.
- Switch to the visual menu.
- Add mapped visual menu items to cart.
- Submit a pay-later pickup order.
- Show a confirmation state.
Admin screens, kitchen screens, and tenant settings should never be embedded on third-party restaurant websites.
How this helps SEO and conversion
Restaurants can keep their existing website authority while adding a stronger ordering path. The DineFlow-hosted storefront still exists at /:merchantSlug, but the widget lets the restaurant place ordering directly inside their current site.
For visual-first restaurants, the widget can pair especially well with orderable PDF and image menus.