How to Customize Your Mixer Stream

Add GIFs, sounds, and more to customize your Mixer

A person sits at a computer playing a game.

 Unsplash/Tinh Khuong

Attracting followers to your channel when streaming on Mixer isn't the most difficult part, believe it or not. It's getting them to stay once they've discovered you. By customizing your channel and stream, you can catch their attention, which means you have a better chance of getting a new subscriber out of the deal.

How to Customize Your Mixer Channel

A big part of being a successful streamer is catching the attention of the people who are watching you. When they visit your channel have you given them information about who you are and how they can support you? If not then they're looking at a blank slate, and might not be keen to return the next time they log on.

By filling out your bio, adding an avatar, and adding links to various social media accounts, you can show off a bit of your personality and entice new viewers to stick around.

Add an Avatar

The Avatar upload screen from Mixer's customize screen is displayed.

Your Avatar should represent you, your channel, and the community you are building. It can be a picture, a logo, whatever works for you. All you need to do is click the white arrow inside the temporary avatar to upload your own, personalized file.

Add a Social Thumbnail

The upload screen for a social thumbnail on Mixer is displayed.

Once you start streaming you'll want to tell people about it on social media. This image is what will be displayed when you share your stream to followers. It's a good idea to make this an image of the game you're playing or the theme of your Mixer channel so people will recognize and associate your name with those images.

Add a Channel Description

The text editor for Mixer Channel Description is displayed.

Your channel description acts as an about you, and general catch-all for information. This is where your schedule, bio, gaming rig, sponsorships, and pay links would all live. You get access to a decent text editor and can upload files for separators if you create them in Photoshop or other image apps.

Add an Offline Image

The default offline image for Mixer is displayed.

Your offline image is what folks will see when you aren't actively streaming. This is where you can leave a logo, schedule or just a cool image that you want people to remember so that they return for your next broadcast.

How to Customize Your Mixer Stream

While Mixer does let users interact in new and interesting ways, there are also ways for you to customize the look of your stream, and what is available on it. Customizing your actual stream is a bit more intensive than customizing your channel. It also depends a lot on how you are customizing it.

In order to do much customization you'll need to take advantage of another app like Firebot, Streamlabs or Lightstream. Each one of these apps works a bit differently and offers its own catalog of features. This means that you'll need to decide which one is best for you and then learn how to use it. Thankfully, most programs include FAQs and links to tutorials to help you out.

Lightstream Studio is recommended by Mixer but requires a subscription each month to use. The main alternative is Firebot, a free Mixerbot that will let you use interactive buttons, GIFs, overlays, and more in your stream.

Both Lightstream Studio and Firebot are only available on PC. There is no alternative for Mac users.

  • Interactive Buttons: You can create interactive buttons from the developers menu that allow players to trigger certain actions with an associated spark cost. Depending on what program you are using, viewers can trigger GIFs, sounds, commands, and more.
  • Overlays: Overlays are custom graphics, GIFs, or windows that are displayed over your stream while you broadcast. These are sometimes referred to as widgets, and they give you added control over the look of your game while you play.

How to Build an Interactive Button for Mixer

Building an interactive button for Mixer is fairly complicated and may take a few tries to get just right. You'll have to first build the button in Mixer, and then use Firebot or Lightstream Studio in order to make it work right.

After you build your interactive button in Mixer, you'll need to enable it with the app you are using, either Firebot or Lightstream Studio.

  1. Open Mixer.

    The Mixer website is open with a variety of streams displayed.
  2. Select your user icon to open the navigation menu.

    The Mixer website is open with username in the upper right corner of the screen.
  3. Select Dev Lab.

    The drop down menu in Mixer is displayed.

    The Dev board used to be called Studio, and is located the bottom of the drop down menu.

  4. Select Mixplay Projects.

    The Developer Lab page is open with Mixplay Projects selected.
  5. Select Let's Create One.

    The option to create a new project in Mixer's Developer Lab is displayed.

    If you've created a button in the past and want to create another one, there is a plus icon you can select to do this. It is located to the right of Your Mixplay Projects.

  6. Enter the name of your project in the title box, and Other in the game box.

    The option to name a new project in Mixer's Developer Lab is displayed.

    The only time you will enter a game title in the second box, is if you are building a button to be used only with a specific game.

  7. Select Save.

  8. Select Build.

  9. Select the + (plus) icon in the control column to open the New Control menu.

    The control column inside the Mixer button editor is displayed.
  10. Select Button and type a name for the button you are creating.

    The options for adding a control are displayed.

    If you decide you want to build a different control for your Mixer stream, this is also where you will do that. All you'll need to do is select the control you want to create.

  11. Click Add.

  12. Move your button by selecting the horizontal dashes to enable moving the button and then drag and drop it onto the blue grid.

    A button has been moved onto the blue grid in Mixer.

    This is how you place your button. If you select the icons of a phone, tablet, or monitor to the right you can see where it will appear for different devices.

  13. Click on the right-pointing arrow next to your button's name in the control column.

    The arrow next to a button's name is selected in the edit menu of Mixer.
  14. Type a display name in the Text* box and add an associated Spark Cost.

    The control settings are open for a button in Mixer's edit menu.

    The display name is what viewers will see when they view your button on a stream. The associated spark cost is how many spark it will cost them to press it.

  15. Select Save.

    The control settings menu is open, with the option to save on the far right.
  16. Select Code.

    The Mixer Code page is open in the Editor.
  17. Make a note of the code number.

Once you have created a button in Mixer, saved it, and taken down the code it gives you it's time for the next step. From here you'll need to open up the app you're using to integrate it into your Mixer stream and enable it from there. This works a bit differently in every app, so you may need to check the app's FAQ in order to get it to work right.