What you need
- A Webflow site you can publish. Custom code needs a paid site plan.
- A Lunch Room, which is free for up to 50 people. Creating one takes your company name and an email address.
1. Create your room and copy the code
Create a room, then open Widget in your dashboard. Pick a window style, your colour and the button text, and copy the widget code. It is a single line that looks like this, with your own room name in it:
<script src="https://lunchroom.zetstudios.ca/widget.js" data-room="your-room" async></script>2. Paste it into Webflow
- Site settings → Custom code.
- Paste the code into “Footer code”.
- Save, then Publish.
3. Launch the room and check it
A new room is private until you launch it from the dashboard. After launching, open your published site: a small join form appears, in the corner or in the page depending on the position you chose. Join with your own email to see what visitors get. Your dashboard shows the site as live once the page has loaded there.
What your visitors see
- A join form with one email field.
- After confirming their email: their place in line, your pinned updates and polls.
- A chat with everyone else waiting, and a quick game.
- A referral link, if you have turned referrals on.
If it does not show up
- Check that the change is published in Webflow, not only saved.
- Check that the room is launched. A draft room shows nothing to visitors.
- If you limited the widget to certain domains in the dashboard, make sure your site's domain is on the list.