---
title: "How to Tag The Video Widget for Figma to Elementor?"
url: https://uichemy.com/docs/tag-the-video-widget-for-figma-to-elementor/
date: 2023-09-21
modified: 2026-04-14
author: "Sagar Patel"
description: "If there is a video in your Figma design, you can tag that element as an Elementor Video widget using the UiChemy plugin, so when you export the design as..."
image: https://uichemy.com/wp-content/uploads/2023/05/How-to-Tag-The-Video-Widget-for-Figma-to-Elementor_-min-1024x536.jpg
word_count: 303
---

# How to Tag The Video Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging a video element in Figma as an Elementor Video widget for direct export.
- The Step by Step Method requires selecting the top-level page or frame before tagging widgets.
- Users must specify the video source and URL in the tagging options before exporting.

If there is a video in your Figma design, you can tag that element as an Elementor Video widget using the UiChemy plugin, so when you export the design as an Elementor template, it will use the Video widget out of the box. 

## What Can be Tagged?

A frame or an image can be tagged as a Video widget.

## How to Tag?

To do this, you can choose between two options: **Step by Step Method** or **Express Conversion**.

Here, we’ll go with the **Step by Step Method**.

- First, select the **Step by Step Method **and click on the** Start **button.

- Select the top-level page or frame of your layout, then click on the **Next **button.

- Under the **Widget Tagging Mode** tab, select the **Manual Widget Tagging** Option.

- Next, under the **Manage Auto Layout** tab, you’ll see two options:** *It’s already in Auto Layout*** and ***Convert to Auto Layout***. We’ll go with the **first option**.

- After that, under the **Tag Widgets** tab, choose the frame or container that contains your element (Widget). Then, search for the **Video** widget in the UiChemy panel and select it. Here, you’ll see [all the supported Elementor widgets](https://uichemy.com/docs/widgets-compatible-with-figma-to-elementor-conversion-in-uichemy/).

> *Note: Don’t tag the direct child frame of the top level frame, create a nested frame inside the child frame and add the elements to it. Then tag the nested frame.*

On the next screen, you’ll get the information on which element you are tagging as what widget.

Then you’ll see widget-specific tagging options.

- In the **Source** field, you have to select the video source. 

- Then, in the **Link** field, you have to add the video URL.

- Once done, click the **Save **button to complete the tagging, and you’ll see a Tagged successfully message.

Now, if you export the design, that element will use the Video widget with all your specified information.

![exported template with video](https://uichemy.com/wp-content/uploads/2023/09/exported-template-with-video-new.gif)

## Resource

- [Figma Example](https://www.figma.com/design/fqYegwSczwfSUbN7RMPYk5/Tagging-Examples-Staging-v16?node-id=862-2&t=4zLA5i3NGEw152SG-1)

## Frequently Asked Questions

**Q: What should I do if the video widget isn't tagging correctly in UiChemy?**
A: If the video widget isn't tagging correctly, ensure that you are selecting the correct frame or container that contains your video element. Remember, you should create a nested frame inside the child frame to tag the video widget properly. This step is crucial because tagging the direct child frame of the top-level frame can lead to issues.

**Q: What is the best practice for tagging video widgets in UiChemy?**
A: The best practice for tagging video widgets in UiChemy is to use the Step by Step Method and ensure that you select the correct source and link for your video. This ensures that when you export your design, the video widget will function correctly with all specified information. Always check that your video element is nested properly within frames to avoid tagging issues.

**Q: What types of elements can be tagged as a video widget in UiChemy?**
A: In UiChemy, both frames and images can be tagged as a Video widget. This flexibility allows you to choose the most suitable element in your Figma design to represent the video content when exporting to Elementor.