How to Embed a Video Widget on a Tilda Website: A Detailed Guide

Introduction

Tilda websites focus on visual presentation and content clarity. With video, you can add dynamics and retain visitors’ attention from the first seconds. A video widget enhances information delivery and boosts engagement, turning casual visitors into interested customers.

Why Embed a Video Widget on Tilda

  • 🪝 Attention retention – videos keep visitors engaged 2.4 times longer than text
  • 📈 Higher conversions – pages with videos can boost conversion rates by up to ~70%
  • ⏱️ SEO benefits – video content increases time on site, improving search ranking
  • 🤩 Easy perception – complex information becomes more accessible, especially for showcasing products and services
  • 🖐️ Brand trust – video creates a personal touch and makes your brand more relatable

Ways to Embed Videos on Tilda

All available methods are described on Tilda’s official website. Below, we explore the two simplest and most popular methods.

Embedding Video via an HTML Block

If you need full control over the display, you can manually embed a video using HTML. This method is suitable for those comfortable with code editing.

  • Add the "T123 HTML Code" block to your page from the block library.
  • Insert an embed code from YouTube, RUTUBE, or another video hosting service: 
    <iframe width="560" height="315" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe>
  • To make the video responsive, wrap the <iframe> in a container: 
    <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;"> <iframe style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/%VIDEO_ID%" frameborder="0" allowfullscreen></iframe></div>
  • ✅ Pros: Full control over styling, no external dependencies.
  • ❌ Cons: Requires HTML knowledge, maintenance complexity, potential adaptation issues.

Embedding via a No-Code Platform

With WEBSET, you can embed a video widget without complex settings or code edits. Just install the initialization code once, and then manage widgets via a user-friendly interface.

  • Sign up for WEBSET -> copy the initialization code from your dashboard
  • Log into your Tilda account and select your website
  • Click the "Site Settings" button
  • In the left menu, go to the "More" section
  • Under "HTML CODE FOR INSERTING INSIDE HEAD", click "Edit Code"
  • Paste the initialization code
  • Click "Save"
Now you can embed any WEBSET widget on your site. Create a widget in your dashboard -> click "Publish" -> the widget will appear on your website 💫

Frequently Asked Questions (FAQ)

  • How do I upload an MP4 video to Tilda?
    To upload an MP4 video to Tilda, add a "Video" block (e.g., T123) or use a Zero Block. Then, upload your file to the "File Manager," copy the link, and paste it into the video field. Since Tilda doesn’t support a built-in video player, using an external host or converting the video to a GIF is recommended. Alternatively, use the WEBSET platform for a seamless experience.
  • Can I place a video in the corner of my website?
    Yes, WEBSET allows you to pin a video in any corner of your website. You can choose from nine available positions and configure automatic show/hide settings.
  • How do I remove recommended videos at the end of a YouTube clip?
    YouTube shows recommended videos after playback. To disable this, add ?rel=0 to the URL. With WEBSET, this issue doesn’t exist—only your selected video will be displayed.