Remember when video gaming was a niche hobby? This is hardly the case anymore. the game a huge industry and entertainment mainstream, so it’s no wonder there’s a dedicated streaming platform for people interested in playing games and watching other people comment on games: Twitch. Twitch streams are available online, but there are ways to integrate them with WordPress and even Embedding Twitch streams on your WordPress website.
So if you want give your visitors easy access to a specific Twitch stream, you are in the right place. But let’s take a step back: why would you want to do this and how would you integrate it into your WordPress website? Here’s what we’ll talk about:
In most ways, Twitch It is an online video streaming service just like any other. What sets it apart is its focus on the subject. live streaming of video games. It has now become as much a social network as YouTube, providing game streams and other gaming-related content to viewers worldwide. Since its acquisition by Amazon in 2014, Twitch has It has grown tremendously in terms of monthly viewers, monthly active users and streamers.
Like it or not, Twitch The leading channel for video game publishers right now. Whether you’re in the video games business or just want to showcase a hobby, you can benefit from integrating your WordPress website and Twitch.
As of 2016, Twitch has effectively made it easier to stream games as a business by offering sales links to streams, allowing publishers to monetize their channels through sales commissions. This means that now a clear commercial incentive Also for linking between WordPress websites and Twitch streams.
Let’s say you want to let your website visitors know that you’re streaming on Twitch. You can easily do this using a plugin. The plugin we will use is Streaming Status for Twitch. It’s very easy to set up, all you really need is a channel name.
After installing and activating the plugin, locate the plugin at: Additions Click the screen and Settings connection.
This is where you can customize the appearance of the plugin. Inside the plugin Main settings, enter the name of the channel you want to connect to. With that, you’re good to go: you should be seeing the widget at the bottom right of the screen. This plugin still allows for some customization options.
You can also check on this screen Hide when offline To show the widget only when the streamer is streaming Open in new window to open the stream in a new window and change the status text if a stream is live or online.
This positioning options are used to adjust the position of the floating button. Checking absolute positioning while keeping the button in its position on the website, by default it will float regardless of how you scroll. This Vertical and Horizontal Docking menus allow you to change the position of buttons in general, Up down and left/right distance fields allow you to fine-tune the edge of the screen.
This customize The settings manage the appearance of the floating button, including color options and corner rounding. Also a larger design If you want to enlarge your widget or Disable status text underline mouse over it.
Finally, in various options you can control Disable view animation if you want a flat floating button and set the screen resolutions where the widget is not visible.
And there you go, your button will appear for all your website visitors.
If you still want to embed your Twitch stream, you’ll have to work a little harder and make a different addon. For this we will use Twitch for WordPress. After installing and activating the plugin, you will still need an API key for it to work. You will need a Twitch account and also Set up Two-Factor Authentication on your Twitch accounts security settings. Twitch is very careful about security and the steps you need to take may vary depending on the email accounts and devices you use. Follow the onscreen prompts and you should be fine.
You can find the Twitch API creation instructions in the plugin’s own settings. But don’t worry, we’ll help you every step of the way after you set up and configure your account.
While signed into your Twitch account, navigate to: Twitch Developers area. you will need Authorize Twitch Developer to access your account.
You will then be redirected to the console of your account. Find Applications Go to the tab and click the button on the right +Register Your Application.
Then you have to make a choice Name enter for your application and To add a valid referral link for OAuth Redirect URL (for testing purposes, we used https://localhost) and select Website Integration for your application Category. check reCAPTCHA and then Create.
After creating your app, click on it. overcome button.
In the end, we get to the two things we need: Customer ID and yours Customer Secret. click to get New Secret.
paste Customer ID and yours Customer Secret in their fields API Settings partitions and hit enter. your API Situation will change connected.
When you scroll down, General Settings. These include: Cache Time setting (how long the plugin keeps temporary files; keep it low for best performance), and No Flow message settings that govern whether the user sees the message when there is no flow, and what the message itself is.
further down Default settingsincluding, Slice filter (you need to select the language in which the streams will be displayed) and Vehicle and Preview Style. The free version of this plugin doesn’t give us a lot of options here, so we’ll leave all these settings as they are.
Further down, you can review your API data and stream availability and Save Changes.
Now, to embed your feed widget on your website, you need to navigate to: Appearance/Widgets In your WordPress dashboard and drag the Twitch Widget to the area you want. Note that widget domains and locations vary by theme.
After placing your widget, you need to configure it. One of your streams Title, but not mandatory. The free version allows up to three streams, but we will only connect one. Login publishers if you want to feature it as a comma separated list. This Output settings lets you specify the number of streams to feature (again, we went with one). This Template Settings let you choose between style from your settings page or other settings (only available in professional version), Dimension (we went with small otherwise the widget would take up the width of the screen) and Preview. we went with picture, but you can choose a video preview if you want. This Widget Content menu lets you choose when to show the widget. Once you are satisfied with your settings, click Save.
And finally, your stream will be there for your visitors to enjoy.
As a result
As you can see, knowing your presence on Twitch is not a big deal, embedding a stream takes some effort. Whether you like it or not, Twitch is an indispensable tool for distributing gaming-related content. If your website is related to games in any way, you cannot afford not to be aware of it.
Support our work ❤️
If you enjoyed this article, consider leaving a tip to help us keep publishing great content.
