Fan Clubs

Fan clubs let your users group around a team or topic they support — for example, the football clubs they cheer for or the streamers they follow. Each fan club is a special chat room only for that team's fans, with the club's logo automatically applied to its members in chat.

Manage them in the admin panel under Widgets → Fan clubs.

Concepts

Fan clubs are organized in two levels:

• Categories group clubs together — for example, Football, Basketball, eSports. A category has a name (translated into every interface language) and a square cover image users see in the picker.
• Clubs live inside a category — for example, Chelsea FC, Real Madrid. Each club has its own name (also translated), logo, and a chat room that users join when they pick the club.

A club always belongs to exactly one category. Move a club to another category by editing it.

Browse the lists

The Fan clubs page has two tabs at the top:

• Clubs — flat list of every club across all categories. Useful when you want to find a specific club without remembering its category. Columns: Club name, Category, Room, Fans in the room, Wearing the club's logo, Actions.
• Categories — list of categories, with a Number of clubs counter. Click a category row to open it and manage its clubs.

Both tabs support a search box at the top of the list. The Clubs tab also has a filters modal — open it from the Promotion filter chip.

If you have not created any categories yet, the page shows an alert: "You don't have any categories. Before creating a club you need its category." Use the Create category button in the alert to create the first one.

Create a category

1. Open Widgets → Fan clubs → Categories.
2. Click Create.
3. Fill in the form on the Settings screen:
   • Category image — upload a square cover. JPG, JPEG, PNG, GIF, or WebP. Up to 10 MB. Minimum 220×220 px. Required.
   • Category name — up to 45 characters. The form has one language tab per interface language enabled in your project (for example, EN and ES). The set of tabs depends on the languages you turned on under Settings → Languages Settings and Usage.
   • Auto-translate — fill in the name in any one language, then click Auto-translate. Watchers translates it into every other language tab in one go. Switch through the tabs to review and tweak the wording if needed.
4. The Category preview pane on the right shows how the category appears in the user's chat. Toggle Dark theme / Light theme to verify both.
5. Click Create. Watchers shows "Category has been created."

The category cover and name shown in the preview are exactly what end users see when they open the category picker in the chat.

Open a category

Click any row on the Categories tab. The category page has its own two tabs:

Settings

Edit the category image and translated names. Same form as Create. Click Save to apply changes (toast: "Changes have been saved.").

The footer of the Settings tab has a Delete category action. Confirm in the modal: "Delete this category? We will remain all the clubs of this category but the users can't find them until a new category will be applied to them." Existing clubs are not deleted — they are detached from the category and stay invisible to users until you assign them somewhere else.

Clubs (inside a category)

Lists every club in the category, in the order users see them. Use this tab to:

• Reorder clubs — drag a row to change its position. Watchers asks for confirmation: "Change club order? Fans will see clubs in the app in this order. Saved positions in the category will be updated."
• Sort alphabetically — click the Sort alphabetically button to replace manual order with A→Z (toast: "Clubs have been sorted alphabetically").
• Add club — opens the Create a club form pre-filled with this category. See Create a club.
• Delete all clubs in this category — opens a confirmation: "Delete this category's clubs? The clubs might have fan rooms and team logos applied to user profiles." (toast: "Clubs have been deleted").

If the category has no clubs yet, you see an empty state: "No created fan clubs".

Create a club

1. From Fan clubs → Clubs, click Create, or open a category and click Add club on its Clubs tab.
2. Fill in the form on the Settings screen:
   • Club logo — square image. JPG, JPEG, PNG, GIF, or WebP. Up to 10 MB. Minimum 240×240 px. Required.
   • Club name — up to 45 characters. Per-language tabs and Auto-translate work the same as for categories — see Create a category. The set of available tabs comes from your project's language settings.
   • Category — pick from the dropdown. The dropdown lists every existing category. The List of categories link next to the label opens the Categories tab if you need to create a new one first.
3. Verify the Club preview pane on the right (Dark/Light theme toggle).
4. Click Create. Watchers shows "Club has been created."

A chat room is created automatically for every club and bound to it.

Open a club

A club page also has two tabs:

Settings

The same form as Create, plus:

• Room — read-only field showing the room ID Watchers created for the club. The Room settings link next to it opens the room's full settings page, where you configure moderation, languages, brand avatars, and the rest.

The footer has Delete club. Confirmation: "Delete this club? The club might have a fan room and its logo applied to user profiles." (toast: "Club has been deleted.")

Fans

Lists every user who has joined the club. The table has two columns: User (avatar, nickname) and User ID (the chat-internal id, plus the partner-side external ID if you supply it). Search by name or ID at the top.

If nobody has joined yet, you see "No fans yet.".

Tips

• The right-hand preview pane updates as you type, so you can preview translated names and the chosen image before saving.
• Categories and clubs are sorted in the order you see in the admin panel. Drag-to-reorder takes effect for end users as soon as you confirm the prompt.
• Deleting a category does not delete its clubs. Reassign them to keep them visible to users.