> 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 SoundCloud Widget for Figma to Elementor?

Tag a music player mockup in your Figma design as an Elementor SoundCloud widget using UiChemy.


If you've used a SoundCloud design in your Figma layout to represent a music player, you can tag that element as an Elementor **SoundCloud** widget using the UiChemy plugin. When you export the design as an Elementor template, that section will use the actual SoundCloud widget out of the box.

### What Can Be Tagged?

A frame or an image can be tagged as a SoundCloud 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 **SoundCloud** widget in the UiChemy panel and select it. Here you'll see [all the supported Elementor widgets](/tagging-library/elementor/compatible-widgets).

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 **Link** field, add the media URL.
7. From the **Art Work** field, select whether the player will show artwork.
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/v1782990166/uichemy-docs/tagging-library/elementor-free/soundcloud/tagging-demo.mp4" type="video/mp4" />
</video>

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

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

### Resource

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