Adding TableNote to your site
One line of code, pasted once. No plugin, no build step, and nothing about your existing site changes — the chat bubble simply appears in the corner.
What it looks like
The snippet goes in your site's footer code box. Then the bubble shows up.
Your restaurant
Your homepage, exactly as it is now.
Three steps
- 1
Copy your snippet
It's on your dashboard once your business info is saved. It already has your ID in it, so don't retype it by hand — use the Copy button.
- 2
Find your site's custom-code box
Every website builder has one. Yours is in the table below.
- 3
Paste, save, reload your site
The bubble appears within a few seconds. If nothing shows up, the snippet landed outside the page body — move it to just above the closing </body> tag.
Where to paste it
Squarespace
Settings › Advanced › Code Injection › Footer
Paste into the Footer box and save. Available on Business plans and above.
Wix
Settings › Custom Code › Add Code
Set it to load on all pages, placed at “Body – end”.
WordPress
Appearance › Theme File Editor › footer.php
Easier: install any “header and footer scripts” plugin and paste into the footer field.
Shopify
Online Store › Themes › Edit code › theme.liquid
Paste just above the closing </body> tag.
Hand-built site
Your HTML file
Anywhere before </body>, on every page you want the bubble to appear.
If it doesn't appear
- Hard-refresh the page. Ctrl+Shift+R (or Cmd+Shift+R). Site builders cache aggressively.
- Check your domain is saved. The widget only runs on domains listed in your dashboard — that's what stops anyone else from using your assistant.
- Check the snippet is complete. Some editors trim the closing tag on paste. It must end with
</script>. - Still stuck?Reply to any TableNote email and send us your site URL — we'll tell you exactly where it went.