GIF Sticker Widget

Thanks for downloading our widget!

Here you will find instructions on how to set everything up and an in-depth description of its possibilities.

⚠️ Take note: This widget is hosted on StreamElements and works only with StreamElements donations — make sure you have a StreamElements account before setting it up!

Widget Installation

1. Log in to StreamElements with your Youtube or Twitch account
2. Go to the “2. Widget” folder in the package you’ve downloaded

3. Pick the file that corresponds to your streaming platform (Twitch or YouTube) and double-click to install it.

   
   

Voila! Your widget is installed!

Widget Customization

1. Pick your widget in your StreamElements dashboard and click “Edit”

   

2. Click on “Layers” and go to your widget.

   

3. Go to the “Settings” tab

4. Woohoo, here you can customize everything to your taste :)

⚠️ IMPORTANT

For all of your customizations to take effect, you need to press "Save" in the top right corner of the editor and refresh the page before adding the widget to your streaming software!

✨ Overview

The Stream Stickers Widget is an interactive overlay that brings your stream chat to life with animated GIFs and stickers from Tenor. When viewers use specific commands or send tips/Bits, the widget searches Tenor's vast library and displays a random, relevant GIF or sticker on your stream with smooth animations and peel-off effects.

🎯 How It Works

The Stream Stickers Widget operates in three modes to fit different streaming styles and monetization strategies:

Chat Mode

Viewers can trigger GIFs and stickers directly through chat commands. When someone types !gif cat   or !sticker dance  , the widget searches Tenor's library and displays a random, relevant GIF or sticker on screen. You can control who can use these commands by setting permission levels (Everyone, Subscribers+, VIPs+, Moderators+, or Broadcaster Only). This mode is perfect for:

• Interactive streams where you want viewers to participate
• Creating fun moments during gameplay or discussions
• Building community engagement through shared visual experiences

Paid Mode

Only viewers who send tips or Bits can trigger GIFs and stickers. When someone sends a tip or cheer, they can include a command in their message (like !gif cat   or !sticker dance  ) to trigger the widget. This creates a premium experience and encourages support while keeping your stream clutter-free. Ideal for:

• Streamers who want to monetize viewer interactions
• Creating exclusive moments for supporters
• Maintaining stream quality while still allowing fun interactions

Both Mode - Best of Both Worlds

Combines chat commands with paid triggers, giving you maximum flexibility. Viewers can use chat commands, but supporters get additional privileges. Perfect for:

• Streamers who want both community engagement and monetization
• Creating tiered experiences for different viewer types
• Balancing accessibility with premium features

Understanding Commands and Permissions

GIF Commands: !gif [search term]   - Searches for animated GIFs Sticker Commands: !sticker [search term]   - Searches for transparent stickers

Permission Levels:

• Everyone: All viewers can use commands (in chat mode)
• Subscribers+: Only subscribers and above can use commands
• VIPs+: Only VIPs and above can use commands
• Moderators+: Only moderators and above can use commands
• Broadcaster Only: Only you can use commands

Paid Triggers:

• Tips: Universal monetary donations, minimum amount configurable
• Bits: Twitch's currency, minimum amount configurable (50-5000 bits)

Cooldown System

The widget includes a cooldown system to prevent spam and maintain stream quality:

• Global Cooldown: Applies to all GIF/sticker triggers (5-300 seconds)
• Per-Trigger Cooldown: Each successful trigger starts a new cooldown period
• Paid Bypass: Tips and Super Chats respect the same cooldown as chat commands

How GIF Selection Works

When a viewer triggers a GIF or sticker, the widget:

1. Searches Tenor's Library: Uses the search term to find relevant content
2. Applies Content Filtering: Ensures family-friendly results based on your settings
3. Selects Randomly: Chooses one GIF/sticker randomly from up to 20 results
4. Optimizes Size: Automatically selects the best quality version for your display size
5. Displays with Animation: Shows the content with smooth entrance and peel-off effects

Content Safety and Filtering

The widget uses Tenor's content filtering system to ensure family-friendly content:

• Off: Shows all content (G, PG, PG-13, R)
• Low: Shows G, PG, PG-13 content
• Medium: Shows G, PG content (recommended)
• High: Shows G content only

💡 Tips for New Users

Getting Started

1. Choose your Command Mode based on your stream style and monetization goals
2. Set up permissions to control who can use commands
3. Configure cooldowns to prevent spam while keeping interactions fun
4. Test with different commands to see how GIFs and stickers look on your stream

Best Practices

• Chat Mode: Great for interactive streams and building community engagement
• Paid Mode: Perfect for monetizing viewer interactions while maintaining stream quality
• Cooldowns: Start with 30-60 seconds and adjust based on your stream pace
• Content Filter: Use Medium filter for most streams to ensure family-friendly content
• Display Duration: 8-12 seconds works well for most streams

Design Tips

• Position Mode: Use Random for variety, Manual for consistent placement
• GIF Size: 300-400px works well for most stream layouts
• Username Display: Enable to give credit to viewers who trigger GIFs
• Sound Effects: Add audio feedback to make interactions more engaging
• Wireframe: Enable during setup to see exactly where GIFs will appear

Twitch-Specific Tips

Bits Integration:

• Use Bits to create premium interactions and encourage support
• Set appropriate minimum amounts (100-500 bits works well for most communities)
• Consider subscriber-only commands for exclusive experiences

Permission Strategy:

• Start with "Everyone" to build engagement, then restrict as needed
• Use VIP permissions to reward active community members
• Subscriber-only commands create exclusive experiences for supporters

Content Safety

• Always use content filtering appropriate for your audience (Medium is recommended)
• Test commands before going live to ensure appropriate results from Tenor
• Consider your stream's rating and audience when choosing filter levels
• Monitor GIF content during streams and adjust settings if needed
• Remember that Tenor provides the content - the widget randomly selects from search results

Performance Optimization

• Keep GIF sizes reasonable (300-500px) for smooth playback
• Use appropriate cooldowns to prevent overwhelming your stream
• Test on your actual streaming setup to ensure smooth performance

🛠️ Configuration Options

Basic Commands

Paid Commands

GIF & Sticker Content

Position & Layout

Sound & Effects

Username Display

⚠️ IMPORTANT

For all of your customizations to take effect, you need to press "Save" in the top right corner of the editor and refresh the page before adding the widget to your streaming software!

How to Add it to the Streaming Software?

OBS Studio

1. Copy the URL of your Widget from the StreamElements dashboard
2. Open OBS Studio
3. Click “Add Source” (plus icon) in the Sources section.
4. Add a “Browser” source, give it a name, and press “Ok”
5. Paste the URL you’ve copied
6. Set the width to 1920 and the height to 1080
7. Press “Ok” and we’re done!

Streamlabs Desktop

1. Copy the URL of your Widget from the StreamElements dashboard
2. Open Streamlabs Desktop
3. Click “Add a new Source” (plus icon) in the Sources section.
4. Choose “Browser Source”, give it a name, and press “Add Source”.
5. Paste the URL you’ve copied previously
6. Set the width to 1920 and the height to 1080
7. Now press “Close” and that’s it! Your widget is ready to use!