Getting Started with Twitch Integration

Installing Twitch Integration

To install the Twitch Integration plugin, follow the steps below:

  1. Visit the Twitch Integration page and download the free version of the plugin.
  2. The free version has limited customization features. To unlock all the features, consider upgrading to the PRO version.
  3. If you have purchased a premium add-on or upgraded to PRO, you will receive a zip file.
  4. Install the plugin by navigating to Plugins -> Add New -> Upload in your WordPress dashboard.
  5. Choose the downloaded zip file and click "Install Now" to upload and install the plugin.
  6. Activate the Twitch Integration plugin once the installation is complete.

Note: Advanced users can also upload the contents of the zip file directly to wp-content/plugins/ via FTP.

Setting up Twitch Integration

Before you can start using Twitch Integration, you need a valid Twitch Authentication Token. Follow the steps below to obtain an Auth Token:

  1. Create a Twitch Application on dev.twitch.tv (It's a quick and simple process).
  2. Refer to our text guide on how to create a Twitch Authentication Token.
  3. Watch our instructional video on the StreamWeasels YouTube channel for a visual walkthrough.

Once you have obtained your Auth Token, you can proceed with embedding Twitch content into your site.

Using Twitch Integration

Twitch Embed Shortcode

You can insert a single Twitch stream anywhere on your site using the [sw-twitch-embed] shortcode. The basic shortcode will utilize the options set in your Twitch Integration settings page.

[sw-twitch-embed channel="lirik" autoplay="true" muted="true" embed-chat="false" theme="dark" width="100%"]

Twitch Integration Shortcode

To embed multiple Twitch streams in various layouts, use the [sw-twitch] shortcode. This shortcode allows you to customize the settings for each embed. Here's an example:

[sw-twitch layout="wall" channels="channel1,channel2,channel3"]

Read more about StreamWeasels shortcodes.

Twitch Embed Block

The StreamWeasels Twitch Embed block allows you to embed a single Twitch stream directly into your WordPress content.

Adding the Twitch Embed Block

  1. Open the WordPress editor for the page or post where you want to add the Twitch embed.
  2. Click on the "Add Block" button (+) to open the block library.
  3. Search for "StreamWeasels Twitch Embed" or navigate to the "StreamWeasels" category.
  4. Click on the "StreamWeasels Twitch Embed" block to insert it into your content.

Configuring the Twitch Embed Block

Once you have added the Twitch Embed block to your content, you can customize its settings to display the desired Twitch stream.

  1. Select the Twitch Embed block by clicking on it.
  2. In the block settings panel on the right-hand side, you will find various options to configure the Twitch embed.
  • Channel: Enter the Twitch channel name you want to embed. By default, the block is set to display the "monstercat" channel.
  • Autoplay: Enable or disable automatic playback of the Twitch stream. By default, autoplay is disabled.
  • Theme: Choose between "dark" and "light" themes for the embedded player. The default theme is set to "dark".
  • Muted: Toggle whether the stream starts with audio muted. By default, audio is not muted.
  • Embed Chat: Choose whether to display the Twitch chat alongside the stream. By default, the chat is not embedded.
  • Width: Set the width of the embedded player. Leave it empty to use the default width.
  • Height: Set the height of the embedded player. Leave it empty to use the default height.

Twitch Integration Block

The StreamWeasels Twitch Integration block allows you to embed multiple Twitch streams in various layouts on your WordPress website.

Adding the Twitch Integration Block

  1. Open the WordPress editor for the page or post where you want to add the Twitch integration.
  2. Click on the "Add Block" button (+) to open the block library.
  3. Search for "StreamWeasels Twitch Integration" or navigate to the "StreamWeasels" category.
  4. Click on the "StreamWeasels Twitch Integration" block to insert it into your content.

Configuring the Twitch Integration Block

Once you have added the Twitch Integration block to your content, you can customize its settings to display the desired Twitch streams.

  1. Select the Twitch Integration block by clicking on it.
  2. In the block settings panel on the right-hand side, you will find various options to configure the Twitch integration.
  • Layout: Choose the desired layout for the Twitch streams. The available options depend on the StreamWeasels Twitch Integration plugin. By default, the layout is set to "wall".
  • Channels: Specify the Twitch channel names separated by commas (e.g., "channel1,channel2,channel3") to display specific channels. Leave it empty to show all channels.
  • Team: Enter the name of a Twitch team to display streams from the specified team. Leave it empty to exclude teams from filtering.
  • Game: Enter the name of a Twitch game to display streams from the specified game category. Leave it empty to exclude games from filtering.
  • Language: Specify the language code (e.g., "en", "fr", "de") to display streams in a particular language.

Read more about StreamWeasels Blocks.

Upgrade to Twitch Integration PRO

Upgrade to the PRO version of StreamWeasels Twitch Integration to unlock a wealth of advanced features and customization options. With the PRO version, you gain access to over 30 available customization options, allowing you to fine-tune every aspect of your embedded Twitch streams.

Tailor the layouts, colors, options and more to match your website's design seamlessly. Additionally, the PRO version offers expanded limits on the number of streams you can display at once, enabling you to create dynamic and engaging Twitch integrations. Take your Twitch integration to the next level with the PRO version and enjoy a fully customizable and immersive streaming experience on your WordPress website.

Learn more about Twitch Integration PRO.