Reactions

Reactions let members respond to a chat message with an animated emoji or icon (like, love, laugh, and so on). You can configure up to seven reactions, each with its own icon and animation.

Navigate to Chat & Features > Reactions

How It Works

Members open the reaction picker on a message and choose one of your active reactions. The reaction is shown on the message with the animation you assigned. Only reactions set to Active are offered to members.


Configuring a Reaction

The page lists seven reaction slots. Fill in the ones you want and leave the rest inactive:

FieldDescription
Reaction NameThe label shown for the reaction (for example Like, Love, Haha).
Reaction CSSAn animation class name from animate.style that plays when the reaction is used.
Reaction GIF/ICONClick the camera icon to upload the reaction image (a GIF or icon).
StatusActive (offered to members) or Inactive (hidden).

Click Update to save all rows at once.


Animation Class Examples

Enter any animate.style class name in the Reaction CSS field. Popular choices:

ClassEffect
tadaCelebratory shake — great for "Like" / "Congrats".
heartBeatPulsing beat — ideal for "Love".
bounceBouncing motion.
rubberBandStretch-and-snap effect.
jelloWobbly jelly effect — fun for "Haha".
swingGentle swinging motion.

Icon tip: Use a small square GIF or PNG with a transparent background so it sits cleanly next to messages.


Tips