> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

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

Tag a video placeholder in your Figma design as an Elementor Video widget using UiChemy.


If there's 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 **Quick Conversion**. Here, we'll go with the **Step by Step Method**.

1. First, select the **Step by Step Method** and click the **Start** button.
2. Select the top-level page or frame of your layout, then click the **Next** button.
3. Under the **Widget Tagging Mode** tab, select the **Manual Widget Tagging** option.
4. 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.
5. 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](/tagging-library/elementor/compatible-widgets).

<Callout kind="warning">
Don't tag the direct child frame of the top-level frame. Instead, create a nested frame inside the child frame, add your elements to it, and tag that nested frame.
</Callout>

On the next screen, you'll see information about which element you're tagging as which widget, followed by widget-specific tagging options.

6. In the **Source** field, select the video source.
7. In the **Link** field, add the video URL.
8. Once done, click the **Save** button to complete the tagging, and you'll see a *Tagged successfully* message.

<video controls width="100%">
  <source src="https://res.cloudinary.com/ekxmy1t9/video/upload/v1782990179/uichemy-docs/tagging-library/elementor-free/video/tagging-demo.mp4" type="video/mp4" />
</video>

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

![Exported Elementor template using the Video widget](https://res.cloudinary.com/ekxmy1t9/image/upload/v1782990189/uichemy-docs/tagging-library/elementor-free/video/export-result.gif)

### Resource

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