What you need
- A Squarespace site you can publish. Code Injection is on plans that include it (Core and up).
- 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 Squarespace
- Settings → Advanced → Code Injection.
- Paste the code into “Footer”.
- Save.
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 Squarespace, 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.