Webflow has a built-in Embed element designed for exactly this: pasting third-party HTML and JavaScript onto a page. The Make a Rezzy reservation widget drops in cleanly and inherits the surrounding page's styling.
Before you start, copy the embed snippet for your widget — see Adding the widget to your site if you have not got that far.
Adding the widget
- Open the page where you want the widget in the Webflow Designer.
- Drag an Embed element from the Add Panel (keyboard shortcut A) into the place you want the widget. It sits under the Components section, often labelled HTML Embed.
- A code editor opens. Paste the embed snippet into it.
- Click Save & Close.
- Click Publish in the top-right to push the change to your staging or live site. The Designer preview itself will not render the widget — only the published page does.
Publishing to staging first
Webflow lets you publish to a free webflow.io
staging subdomain before pushing to your custom domain. Use it to
test the widget on the live web (where the Designer preview
cannot reach) without showing the change to your customers. Once
you are happy, hit Publish again with your custom
domain ticked.
Adding the widget to a CMS template
If you want the widget on every Webflow CMS item — for example a dedicated "Book" page for each restaurant location — drop the Embed element into the CMS template once. Webflow will render it on every page generated from that template. The widget's UUID is fixed, so every page will load the same widget; this is usually what you want for a single restaurant.
Where to go next
- Customising the widget — colours, fonts, and copy.
- Troubleshooting an embedded widget — what to check if the widget does not show.
- Adding the widget to your site — where the embed snippet comes from.