Owners keep a name, character colour, and badge colour that stick — they survive resets and reconnects. Crown a visitor under Moderation to add an owner, then customise their look here.

Link neighbouring TownSquares to the left or right edge of your square. A signpost appears on that side, and visitors can walk over to travel there. Saved links appear on your site automatically — no need to re-paste the snippet.

Bot protection requires each visitor's browser to solve a small proof-of-work before joining. It stops automated scripts while staying invisible to real visitors. Enable it only if you are being hit by bots, as it adds a brief delay when visitors arrive.

Read the live conversation and moderate it on its own page.

Chat filtering

Recent actions

Visitors

Edit the scene, colors, and message board with a live preview. Changes only go live on your site once you press Publish. Your colors are delivered automatically — see the Embed snippet section for details.

Embed snippet

Recommended: Paste this once where you want the square to appear. It carries your site identity and colors — everything you change above (scene, colors, neighbour links, message board) shows up on your site automatically, no re-pasting needed. Your appearance changes are live the moment you hit Publish.

Power user? You can pin any field (scene, connections, messageBoard) directly in the snippet's options, or add custom CSS on your own site to override colors. See "Custom CSS override" below.

Presence counter

A small "N people here" badge for pages where the full square is too much. It loads no scene and opens no connection, so showing it never adds a visitor. Clicking it scrolls to a square on the same page, or sends visitors to the page you choose below. Pick a look, then paste the snippet.

Want full control of the look? Every value is a CSS variable — override --ts-counter-accent, --ts-counter-bg, --ts-counter-ink, --ts-counter-radius, and more on the .ts-counter element in your own stylesheet.

Custom CSS override (optional)

For advanced customization only. If you want to override the colors from your own website's stylesheet instead of using the automatic updates above, paste this CSS. Your custom CSS will take priority and won't update when you change colors here — you'd need to re-copy it manually.

When to use this: You want full control over colors in your site's own stylesheet, or you want to coordinate TownSquare colors with the rest of your site's design. Otherwise, stick with the standard snippet above — it's simpler and updates automatically.

Plus features and plugins installed on your site appear here. Switch one on to activate it, then use its controls below.