Stickers & GIFs Setup
Add GIF and sticker support to ITDRC Chat
One-Click Setup
Click the button below to automatically enable stickers and GIFs in your Element client. You'll be asked to sign in with your ITDRC account.
This uses your existing ITDRC login - no new account required
Setup failed: An error occurred.
or set up manually
Show manual setup instructions
Manual Setup
If automatic setup didn't work, you can configure the sticker picker manually using Element's developer tools.
Step 1: Get Your User ID
First, sign in to identify your Matrix user ID:
Step 2: Open Developer Tools
- Open ITDRC Chat and sign in
- Open any chat room
- Type
/devtoolsin the message box and press Enter
Step 3: Add Widget Configuration
- Click "Explore account data"
- Look for "m.widgets" or click "Create new event"
- Set event type to
m.widgets - Paste this JSON (with your user ID):
{
"stickerpicker": {
"content": {
"type": "m.stickerpicker",
"url": "https://stickers.zns.bobacluster.net/picker.html?theme=$theme",
"name": "Stickerpicker",
"creatorUserId": "@youruser:matrix.zns.bobacluster.net",
"data": {}
},
"sender": "@youruser:matrix.zns.bobacluster.net",
"state_key": "stickerpicker",
"type": "m.widget",
"id": "stickerpicker"
}
}
Important: Replace
@youruser:matrix.zns.bobacluster.net with your actual Matrix user ID shown above.
Step 4: Save
- Click "Send" to save
- Close developer tools
- Look for the smiley face icon next to the message input
Using GIFs & Stickers
Once set up:
- Open any chat room in Element
- Click the smiley face icon next to the message input
- Use the search bar to find GIFs from Giphy
- Click any GIF or sticker to send it!
Troubleshooting
- Don't see the sticker button? Try refreshing Element, or check Settings > Labs and enable "Stickers".
- Widget not loading? Clear your browser cache and refresh.
- Setup failed? Try the manual setup method above.