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

How to embed Twitch feed on your Weebly website for FREE?

Embed your Twitch feed on your website to showcase live streams, highlight recent broadcasts, and connect with your audience through real-time gaming and creative content.

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

Your Twitch feed on Weebly website — live in 3 steps

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

  1. Create in 60 seconds

    Pick Twitch feed 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 Weebly website. No dev team needed.

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

Embed Twitch feed with SociableKIT — step by step

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

Complete guide

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

Create and customize your Twitch feed widget

The first part is creating your Twitch feed 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 feed on your Weebly website for FREE?
  2. Select your Twitch feed type on the dropdown. SociableKIT offers several Twitch feed widgets. You might need to search it using the highlighted area below. Once found, you can then select it. Here are the different types of Twitch feed that you can add to your Weebly website : Select "Twitch feed" on the dropdown - How to embed Twitch feed on your Weebly website for FREE?
  3. Enter your Twitch feed ID or username. Copy your Twitch feed URL and paste it in the username box. Our system will automatically identify your Twitch feed ID or username.
  4. 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 feed on your Weebly website for FREE?
  5. Copy the embed code. Click the "Embed on website" button on the upper right corner. On the popup, copy the JavaScript embed code.Copy the embed code. - How to embed Twitch feed on your Weebly website for FREE?
  6. Paste the embed code and save your Weebly website page. Please follow the second part below to add Twitch feed widget to your Weebly website .

Add Twitch feed widget to your Weebly website

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

  1. Get your free embed code from SociableKIT. Make sure you followed the first part above to create your widgget, customize it, and copy your free embed code.
  2. Log in to Weebly. 
  3. On your existing website on Weebly, click the "Pages" section on the upper left then click the "+".
  4. Select what type of page you want to add.
  5. Add a name to your page and then click "Done".
  6. On the top menu, click "Build" then on the sidebar, drag the "Embed Code" option on your page. 
  7. Click the "Click to set custom HTML" then click "Edit Custom HTML". 
  8. Paste the code you copied from SociableKIT then in the upper right corner, click the “Publish” button. 
  9. Click the link to your 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 feed 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 feed 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 →

To embed Twitch feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 feed 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 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 Weebly 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 feed on your Weebly website.

How long does it take to set up my Twitch feed on my website?

Your Twitch feed widget can be live in just a few minutes. After signing up, you choose your widget type, customize it to match your branding, and paste a single code snippet into your website. The process is designed for non‑technical users, so you spend more time streaming and less time configuring.

Do I need to know how to code or install a plugin to use this widget?

No coding skills or plugins are required. Simply create your widget, customize the design, and copy the embed code into any platform that supports custom HTML. It works seamlessly with popular builders like WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint and traditional HTML sites.

Will my Twitch feed update automatically when I go live or upload new videos?

Yes. On paid plans the widget syncs automatically with your channel, so new streams and videos appear without any effort from you. On the free plan you can trigger manual updates to keep your content fresh.

What types of Twitch content can I display?

You can show your most recent broadcasts, clips and live streams directly on your site. The widget offers different feed types, so you can focus on channel videos or highlight your live stream to drive engagement and grow your audience.

Can I customise the look and feel of the Twitch widget?

Yes. You can control colours, fonts, layouts and call‑to‑action buttons to match your brand perfectly. Choose from several layouts such as Grid, Masonry or Carousel and preview your changes instantly.

Are there any limits on views, posts or channels?

Paid plans include unlimited widgets and unlimited views, so your content stays available no matter how many visitors you have. You pay for the number of sources you connect and can add more channels as your needs grow. The free plan includes one source, one widget and 2,000 monthly views, making it an easy way to get started.

Do I need to be a Twitch affiliate or have special permissions?

You don’t need to be a Twitch affiliate or partner to use the widget. You simply connect a public channel that you own or manage, and our system uses the official API to display your content securely.

Can I display multiple Twitch channels or playlists in one feed?

Yes. With a single SociableKIT account you can add multiple sources and combine them into one unified feed. Additional channels can be added for a small fee, giving you flexibility without multiple subscriptions.

Can I limit or filter which videos or streams appear?

You have full control over what appears in your feed. You can set limits on the number of videos displayed and filter out certain clips or broadcasts. Higher plans also include automatic moderation features to keep your feed professional.

Will embedding the Twitch widget slow down my website or hurt my SEO?

No. The widget loads asynchronously and is optimized for performance, ensuring it doesn’t block your site’s content or slow down page speed. As a result, your site remains search‑engine friendly while offering engaging video content.

Is the widget responsive and mobile‑friendly?

Yes. The widget automatically adjusts to fit desktops, tablets and smartphones. This guarantees a smooth viewing experience across all devices without any additional configuration.

Which website builders and platforms does the Twitch widget support?

The embed code works with virtually any website builder or CMS. It’s compatible with WordPress, Shopify, Wix, Squarespace, Webflow, Weebly, Google Sites, SharePoint and custom HTML websites, so you can drop it into whatever platform you use.

Is there a free plan or trial available?

Yes. We offer a free forever plan that includes one data source, one widget, full design customization and 2,000 monthly views without requiring a credit card. You can also activate a seven‑day premium trial to experience the automatic syncing and unlimited views offered on our paid plans.

Do I need to handle the parent parameter or SSL to make the Twitch embed work?

No. Our embed code automatically includes the required settings, such as the parent domain, to comply with Twitch’s embed guidelines. We also require your site to be served over HTTPS for secure playback, but there’s no additional configuration needed on your end.

What happens when my channel is offline?

When you’re not live, the widget displays your most recent videos or clips, ensuring there’s always something for visitors to watch. This keeps your page active and encourages viewers to return for future streams.

Can I moderate or hide certain clips from my feed?

Yes. You can manually remove videos or clips from your feed, and on higher plans automatic moderation can filter out unwanted content. This allows you to keep your feed focused on your best work and maintain brand safety.

Is my data safe and private when I use SociableKIT?

We take security seriously. Our widgets use official APIs and secure authentication to access your content, and all payments are processed by trusted providers. You can also enable multi‑factor authentication by signing in with your Google account for an extra layer of protection.

Do you offer discounts for non‑profits or annual plans?

Yes. SociableKIT provides special pricing for qualified charitable organizations and discounts when you choose an annual subscription. Contact our support team to see if you qualify and we’ll help you get set up.

What kind of support does SociableKIT provide?

Our support is handled by real people who are available via chat and email. Paid plans include round‑the‑clock assistance, and our knowledge base and tutorials can guide you through setup and customization at any time.

Can visitors interact with my Twitch feed from the widget?

Yes. When a viewer clicks on a video or live stream, they’re taken to the corresponding page on Twitch where they can chat, follow or engage further. This helps grow your Twitch following while keeping your website dynamic and interactive.

Add your Twitch feed widget today

Set up in minutes. Free forever to start.

Free forever · No credit card · Cancel anytime

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