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

How to embed Twitch Channel Videos on your Wix website for FREE?

Embed Twitch channel videos on your website to showcase your gaming or streaming content, boost viewer engagement, and grow your community with seamless access to your latest broadcasts.

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

Your Twitch Channel Videos on Wix website — live in 3 steps

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

  1. Create in 60 seconds

    Pick Twitch Channel Videos 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 Wix website. No dev team needed.

Create your widget
  • Free forever plan
  • No credit card
  • Cancel any time
Video tutorial

Watch: embed Twitch Channel Videos on Wix website — step by step

Prefer to watch? Follow along with this short YouTube walkthrough, then use the full written guide below whenever you need it.

Twitch Channel Videos video tutorial thumbnail
Full walkthrough

Embed Twitch Channel Videos with SociableKIT — step by step

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

Complete Guide

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

Create and customize your Twitch Channel Videos widget

The first part is creating your Twitch Channel Videos 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 Channel Videos on your Wix website for FREE?
  2. Select "Twitch Channel Videos" 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 Channel Videos" on the dropdown - How to embed Twitch Channel Videos on your Wix 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 Channel Videos on your Wix website for FREE?
  4. Copy the link. Click the "Embed on website" button on the upper right corner. Select your website builder. On the popup, click the "Link" tab. Copy the link.Copy the link. - How to embed Twitch Channel Videos on your Wix website for FREE?
  5. Paste the embed code and save your Wix website page. Please follow the second part below to add Twitch Channel Videos widget to your Wix website .

Add Twitch Channel Videos widget to your Wix website

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

  1. Copy your free Twitch Channel Videos 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. Login to Wix. 
  3. On your existing website click the "+" button beside the "Main pages" section.
  4. Then click the "Add page" button.
  5. Name your page then hit enter.
  6. On the left, click "Add element". Find and click "Embed code". Click and drag "Embed a site" on your page then resize the container. 
  7. Click "Change website address". 
  8. Paste the link you copied from SociableKIT then click "Apply".
  9. Click "Publish" on the upper right. 
  10. Click "View site". 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 Channel Videos 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 →

To embed Twitch Channel Videos on your Weebly site, follow the steps below after you have your SociableKIT embed code.

  1. Sign up free to SociableKIT and create your Twitch Channel Videos widget.
  2. Customize your widget and copy the embed code from the dashboard.
  3. Log in to Weebly. 
  4. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  5. Select what type of page you want to add.
  6. Add a name to your page and then click "Done".
  7. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  8. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  9. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  10. Click the link to your site. Done!
Full Weebly tutorial →

Live preview

Pick a Twitch Channel Videos 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 Wix website.

Widget previewNew Template
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 Channel Videos on your Wix website.

What is a Twitch Channel Videos widget?

A Twitch Channel Videos widget turns your public Twitch video library into a browsable section on your website. It helps visitors discover past broadcasts, highlights, and other available videos without searching through your channel first.

How do I embed Twitch channel videos on my website without coding?

Create the widget in SociableKIT, enter your Twitch username, customize the design, and copy the generated embed code. Paste that code into an HTML, custom code, iframe, 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 feature. Copy the text that appears after the main Twitch address for the channel, then confirm the channel name and videos before saving the source.

Do I need a Twitch developer account or API key?

No custom API development is required for the standard SociableKIT setup. SociableKIT handles the technical connection and gives you one reusable embed code for your website.

Which Twitch videos can the widget display?

The widget can display eligible public channel videos that Twitch makes available, including past broadcasts, highlights, and uploaded videos. The exact mix depends on the videos published on the channel and the current SociableKIT source settings.

What is the difference between this widget and a Twitch Stream widget?

The Twitch Channel Videos widget focuses on recorded content that visitors can watch on demand. Use SociableKIT's Twitch Stream widget when the main goal is to show the channel's current live broadcast.

Will new Twitch videos appear on my website automatically?

Yes, paid SociableKIT plans include automatic syncing, so you can keep the same embed code as eligible videos are published. The free plan lets you request a manual sync when you want to refresh the library.

Why are my past Twitch broadcasts missing?

Twitch must save and publish a past broadcast before SociableKIT can display it. Check that Store past broadcasts and the relevant publishing settings are enabled, then allow time for the video to process and the widget to sync.

Will old Twitch past broadcasts stay in the widget forever?

Not necessarily, because Twitch applies retention periods to past broadcasts based on the channel's account and settings. Important recordings should be saved as highlights, downloaded, or backed up before Twitch removes the original video.

What happens when a Twitch video is deleted, unpublished, or restricted?

The video can disappear or become unavailable after Twitch updates the source and SociableKIT syncs again. Subscriber-only, unpublished, removed, or access-restricted videos may not play for every website visitor.

Does the Twitch Channel Videos widget display clips?

Twitch treats clips separately from past broadcasts, highlights, and uploads. Use the SociableKIT option designed for clips or a broader Twitch feed when short viewer-created moments are the content you want to feature.

Can I choose, hide, or filter which Twitch videos appear?

SociableKIT provides display and moderation options for supported feed setups, helping you keep the library relevant to the page. The exact filters available can depend on the current widget editor and the video information Twitch provides.

Do visitors need a Twitch account to watch the videos?

Visitors can usually watch public Twitch videos without signing in. Twitch may require an account for restricted content or actions such as following, subscribing, and other account-based interactions.

Can visitors follow or subscribe to my Twitch channel from the widget?

The embedded Twitch experience can guide viewers toward channel actions such as following or subscribing when those controls are available. Twitch manages authentication and payments, so visitors may be asked to sign in or open a separate window.

Will captions and muted audio sections appear in embedded videos?

Captions can appear when they are available in the original Twitch video and player. Twitch may also mute portions of a recorded video when its audio-recognition system identifies copyrighted music, and SociableKIT does not restore muted audio.

Can Twitch videos autoplay on my website?

Autoplay depends on Twitch, browser rules, player visibility, and the visitor's device. Browsers commonly block autoplay with sound, so some viewers may need to press play.

Is the Twitch Channel Videos widget mobile responsive and customizable?

Yes, the widget adjusts to desktop, tablet, and mobile screens and can be styled with your colors, fonts, layout, spacing, and calls to action. Keep the player area comfortably sized because Twitch applies minimum dimensions to embedded video.

Which website builders support the Twitch Channel Videos widget?

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

Can I display multiple Twitch channels or reuse a channel on several websites?

Yes, each additional Twitch channel can be connected as a separate source, while one source can power multiple widget designs. Paid SociableKIT plans allow unlimited widgets, websites, and domains, so the same channel can appear wherever it supports your content strategy.

Is there a free plan, unlimited views, and customer support?

SociableKIT offers a free plan with one source, one widget, up to 2,000 monthly views, full design customization, branding, and manual sync requests. Paid plans add automatic syncing and unlimited views, with human chat and email support available 24/7.

Add your Twitch Channel Videos 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 Channel Videos widget page →