Kristen Williams Marc Maessen John Janowski Jules Webb ★★★★★ Rated 4.9/5 · 620+ Reviews

How to embed Twitch Stream on your Hostinger website for FREE?

Display your live Twitch stream on your website to engage viewers in scheduled regular updates, boost follower growth, and create an immersive streaming experience directly from your site.

Create your widget
Free forever plan No credit card Cancel any time
How to embed Twitch Stream on your Hostinger website for FREE?
Photo of Mike Dalisay
Mike Dalisay
Co-founder of SociableKIT · Helping small businesses since 2011
July 29, 2026 5 min read Ask ChatGPT
Quick answer

Your Twitch Stream on Hostinger website — live in 3 steps

SociableKIT syncs your twitch stream automatically. Set up once, embed anywhere — free to start, no coding required.

  1. Create in 60 seconds

    Pick Twitch Stream in the dashboard and connect your source.

  2. Match your brand

    Colors, fonts, layout — tune it until it feels native to your site.

  3. Paste one line of code

    Drop the embed snippet on your Hostinger website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Full walkthrough

Embed Twitch Stream with SociableKIT — step by step

Create your widget in the dashboard, copy the embed code, and paste it on your Hostinger website. Screenshots included so you never get stuck.

Complete Guide

Follow our complete guide below to embed Twitch Stream on your Hostinger website for free. The guide is divided into two parts to make it easier to follow.

Create and customize your Twitch Stream widget

The first part is creating your Twitch Stream widget using the SociableKIT dashboard. Customize the look and feel to match your brand. Follow the steps below.

  1. Sign up FREE or login to SociableKIT. You can login here if you already have an account. Once you sign up, you will start your 7-day premium trial. After 7 days, you can activate the free plan if you don't need our premium features. Sign up to SociableKIT - How to embed Twitch Stream on your Hostinger website for FREE?
  2. Select "Twitch Stream" on the dropdown. SociableKIT offers several social media feeds widgets. You might need to search it using the highlighted area below. Once found, you can then select it.Select "Twitch Stream" on the dropdown - How to embed Twitch Stream on your Hostinger website for FREE?

    3. Enter your Twitch username.

  3. Customize your feed. Click the "NEXT" button to show the customization options of your social feed. You can change the layout, colors, font, and more to match your brand. Click the Save changes button.Customize your feed - How to embed Twitch Stream on your Hostinger website for FREE?
  4. Copy the embed code. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Twitch Stream on your Hostinger website for FREE?
  5. Paste the embed code and save your Hostinger website page. Please follow the second part below to add Twitch Stream widget to your Hostinger website .

Add Twitch Stream widget to your Hostinger website

The second part is adding your Twitch Stream widget to your Hostinger website . After you customize your Twitch Stream widget and copied the embed code, it is time to add it to your Hostinger website . Follow the steps below.

  1. Copy your free Twitch Stream widget embed code. Make sure you followed the first part above. It detailed how to you can create and customize your widget to get your free embed code.
  2. Log in to Hostinger.
  3. Click Pages and navigations to add new page. Then click Add page button.
  4. On the newly created page, You can choose a type of page. It will save automatically.
  5. Click the Add element button. Kindly click and drag the Embed code to drop on your desired place of your page.
  6. Once you place the Embed code element, Click the Enter code button.
  7. On right side panel, Paste the JavaScript embed code and click Embed code button.
  8. Click the Update website button on the upper right corner of your page. Done!

Website builders

Paste your embed code on any platform

SociableKIT works with every major website builder. Pick yours below for copy-paste instructions tailored to that platform.

To embed Twitch Stream on your Hostinger site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Hostinger.
  4. Click Pages and navigations to add new page. Then click Add page button.
  5. On the newly created page, You can choose a type of page. It will save automatically.
  6. Click the Add element button. Kindly click and drag the Embed code to drop on your desired place of your page.
  7. Once you place the Embed code element, Click the Enter code button.
  8. On right side panel, Paste the JavaScript embed code and click Embed code button.
  9. Click the Update website button on the upper right corner of your page. Done!
Full Hostinger tutorial →

To embed Twitch Stream on your WordPress site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to your WordPress site. 
  4. On your WordPress, go to the "Pages" section then click the "Add new page".
  5. Pick a pre-defined layout or start with a blank page by clicking the "Blank page" button.
  6. On the body of your page, click the "+" icon and click the "Custom HTML".
  7. Paste the code in the text area and click update.
  8. The widget will appear on the WordPress page.
  9. Click the Publish or Update button on your WordPress page. 
  10. Click the view page. Done!
Full WordPress tutorial →

To embed Twitch Stream on your Wix site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Wix. 
  4. On your existing website click the "+" button beside the "Main pages" section.
  5. Then click the "Add page" button.
  6. Name your page then hit enter.
  7. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  8. Click "Change website address". 
  9. Paste the link you copied from SociableKIT then click "Apply".
  10. Click "Publish" on the upper right. 
  11. Click "View site". Done!
Full Wix tutorial →

To embed Twitch Stream on your Squarespace site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Squarespace. You must have a "Business" account in Squarespace to use the widget. The "code block" needed cannot be found if you only have a "Personal" account.
  4. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. You can create a new page on Squarespace, or you can edit your existing page where you want the widget to appear.
  5. Add a Code Block. On your Squarespace page, click the 'Edit' button. Find the 'Code' block and click it.
  6. Paste the embed code from SociableKIT. On the 'Content' of the 'Code' block, paste the JavaScript embed code you have copied from your widget.
  7. Save the changes on the 'Code block'. After pasting your widget's embed code. Click the 'Save' button on the left part of the page.
  8. View your page. Refresh your Squarespace page and check your SociableKIT widget. Done!
Full Squarespace tutorial →

To embed Twitch Stream on your Webflow site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Webflow. 
  4. On your existing website, click the "Page: ...." in the upper left corner then click the "Create new page" icon.
  5. Once done add a name for your new page then click "Save".
  6. On the left, click "Add Element". Drag "Embed" to your page. 
  7. Paste the JavaScript code you copied from SociableKIT.
  8. On the upper right, click "Publish" > "Publish to Selected Domains". 
  9. View your page. Done!
Full Webflow tutorial →

To embed Twitch Stream on your Shopify site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Shopify. 
  4. On the left side, click Online Store. 
  5. Click Pages. Add a new page or edit your existing page.
  6. On the Page details, click Show HTML icon (<>). 
  7. Paste the embed code and click the Save button.
  8. Click the View page button. Done!
Full Shopify tutorial →

To embed Twitch Stream on your HTML site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Open your HTML file.
  4. You can create a new HTML page or edit your existing HTML page.
  5. Paste the Javascript code you copied from SociableKIT. Paste it where you want the widget to appear.
  6. Save your HTML page.
  7. You may now upload your HTML page to your web hosting.
Full HTML tutorial →

To embed Twitch Stream on your Google Sites site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Stream widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Login to Google sites. You must have at least a 'Business Starter' plan to create and customize your Google sites.
  4. Create or edit an existing website. Click the + 'Blank' button on the 'Start a new site' section to create or find your existing website under the 'Recent sites' section.
  5. Create a new blank page or edit your existing page. Identify which page you want the widget to appear. On the right sidebar, you will see an 'Embed' button. Click the 'Embed' button. 
  6. Add the widget. A popup 'Embed from the web' will open up. Select the 'Embed code' tab on the popup. 
  7. Paste the embed code from SociableKIT. On the 'Embed code' tab, you will see 'HTML code goes here' text. Paste the embed code from your SociableKIT widget.
  8. Save the widget. Once you have pasted your embed code, click the 'Next' button. 
  9. Preview of your SociableKIT widget. After clicking the Next button, a preview of your embed code will be displayed. Click the 'Insert' button to insert the widget to your Google sites page. 
  10. Edit the widget. Once the widget has been inserted, you will have the option to resize the widget. After resizing the widget to your preferences, click the 'Publish' button on the upper right corner of the page. 
  11. Publish your page. After publishing the site, click the down 'Arrow' button beside the 'Publish' button. 
  12. View your page. A dropdown of buttons will be displayed, click the 'View published site' button. Done!
Full Google Sites tutorial →

Live preview

Pick a Twitch Stream template — see it live

Choose a starting design on the left and watch the preview update with real data. What you see is exactly what visitors get on your Hostinger website.

Widget previewMasonry
Live data

Select a template to start with

Continue with this template

Common questions

Frequently asked questions

Everything you need to know about embedding Twitch Stream on your Hostinger website.

What is a Twitch Stream widget?

A Twitch Stream widget places your live Twitch channel directly on your website. It lets visitors watch your broadcast where they already browse your content, products, community pages, or event details.

How do I embed a Twitch stream on my website without coding?

Create a Twitch Stream widget in SociableKIT, enter your Twitch username, customize the design, and copy the generated embed code. Paste that code into an HTML, custom code, or embed block on your website.

What Twitch information do I need to create the widget?

You normally need the username of the public Twitch channel you want to display. SociableKIT uses that source to build the widget, so you do not need to copy a new stream address before every broadcast.

Do I need a Twitch developer account or API key?

No, the standard SociableKIT setup does not require you to create a Twitch developer project or manage an API key. SociableKIT handles the technical setup and gives you one ready-to-paste embed.

Will the widget update automatically when my Twitch channel goes live?

Yes, the same embedded player follows the connected channel's live status, so you do not need to replace the code for each broadcast. Paid SociableKIT plans also include automatic syncing for the connected source.

What appears when my Twitch channel is offline?

The player can show an offline state instead of leaving a broken video area on your page. The exact offline presentation, including whether Twitch offers other channel content, is controlled partly by Twitch.

Can the widget show past broadcasts, highlights, or clips?

The Twitch Stream widget is designed primarily for your live channel. For past broadcasts, highlights, clips, or a broader content library, use the appropriate SociableKIT Twitch content widget for that format.

Do visitors need a Twitch account to watch or interact?

Visitors can usually watch a public stream without signing in. Twitch may ask them to log in or create an account before they chat, follow, subscribe, or use other account-based features.

Can I display Twitch chat and moderate it from the widget?

Twitch can support chat beside an embedded live stream when that layout is available. Chat rules, moderators, blocked terms, timeouts, and bans are managed in Twitch because SociableKIT does not replace Twitch's moderation tools.

Can the Twitch stream autoplay with sound?

Autoplay depends on Twitch, browser rules, player size, visibility, and the visitor's device. Mobile devices require user interaction before playback, and browsers commonly block autoplay with sound.

Will closed captions appear in the embedded Twitch stream?

Captions can appear when they are included in the video content being played. Create and manage captions through your Twitch broadcasting setup because SociableKIT displays the source stream but does not generate captions.

Is the Twitch Stream widget responsive on mobile and tablet?

Yes, the SociableKIT widget is designed to adjust to the space available on desktop, tablet, and mobile screens. Keep the player large enough for comfortable viewing, since Twitch requires its embedded video window to meet minimum dimensions.

Can I customize the Twitch widget to match my website?

Yes, you can customize colors, fonts, layout, spacing, and calls to action while previewing the result. Full design customization is available even on the free SociableKIT plan.

Which website builders support the Twitch Stream widget?

SociableKIT works with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint, and regular HTML websites. It also works with other platforms that allow an HTML, custom code, iframe, or embed element.

Can I display more than one Twitch channel?

Yes, you can connect additional Twitch channels as separate sources and create a widget for each one. Choose a SociableKIT plan with enough sources for the number of channels you want to feature.

Can I use the same Twitch stream on multiple pages or websites?

Yes, paid SociableKIT plans include unlimited widgets, websites, and domains. You can reuse the same Twitch source in different layouts for a homepage, community page, event page, or campaign.

Why is my embedded Twitch stream not loading?

Check that the Twitch username is correct, the website uses HTTPS, and the player has enough visible space on the page. Twitch also requires the embedding domain to be identified correctly, so contact SociableKIT support if the player remains blank.

Will embedding a Twitch stream slow down my website?

Any live video player adds resources to a page, so performance depends on the website builder, page content, connection speed, and where the widget is placed. Keep the page focused and test it on mobile before promoting the broadcast.

Is there a free plan, premium trial, or view limit?

SociableKIT offers a free plan with one source, one widget, 2,000 monthly views, design customization, branding, and sync requests. You can test premium features for seven days, while paid plans include unlimited widgets, unlimited views, and automatic syncing.

What support is available if I need help with the Twitch widget?

SociableKIT provides human support through chat and email for source setup, installation, domain, sizing, and display issues. Paid plans include 24/7 support, which is useful when the widget is supporting a scheduled broadcast or important event.

Add your Twitch Stream widget today

Set up in minutes. Free forever to start.

Create your widget

Free forever · No credit card · Cancel anytime

Just need a free widget? See our free plan → View Twitch Stream widget page →