---
title: "How to Tag The SoundCloud Widget for Figma to Elementor?"
url: https://uichemy.com/docs/tag-the-soundcloud-widget-for-figma-to-elementor/
date: 2023-09-21
modified: 2026-04-14
author: "Sagar Patel"
description: "If you have used SoundCloud design in your Figma layout to show a music player, then you can tag that element as an Elementor SoundCloud widget using the UiChemy plugin...."
image: https://uichemy.com/wp-content/uploads/2023/05/How-to-Tag-The-SoundCloud-Widget-for-Figma-to-Elementor_-min-1024x536.jpg
word_count: 289
---

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

## Key Takeaways

- UiChemy allows tagging a frame or image as a SoundCloud widget in Figma.
- Exporting the design as an Elementor template uses the actual SoundCloud widget out of the box.
- Tagging requires adding a media URL and selecting artwork options before saving.

If you have used SoundCloud design in your Figma layout to show a music player, then you can tag that element as an Elementor SoundCloud widget using the UiChemy plugin.

So when you export the design as an Elementor template, that particular 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 **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 **Sound Cloud** 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/).

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

Then you’ll see widget specific tagging options.

- In the **Link **field, you have to add the media URL.

- From the **Art Work **field, you have to select if the player will have artwork or not.

- 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 SoundCloud widget with all your specified information.

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

## Resource

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

## Frequently Asked Questions

**Q: What should I do if the SoundCloud widget isn't appearing after tagging?**
A: If the SoundCloud widget isn't appearing after tagging, ensure that you have correctly selected the frame or image and tagged it as the SoundCloud widget in the UiChemy panel. Double-check the media URL in the Link field, as an incorrect URL can prevent the widget from displaying properly. If everything seems correct, try re-exporting the design to see if the issue resolves.

**Q: What is the best way to ensure my SoundCloud widget looks good on mobile?**
A: To ensure your SoundCloud widget looks good on mobile, aim for a responsive design in Figma before tagging. UiChemy achieves 95% responsive accuracy across devices, so test your design in different screen sizes within Figma. Additionally, consider the artwork option in the tagging process; selecting artwork can enhance the visual appeal on smaller screens.

**Q: Is there a limit to the number of SoundCloud widgets I can tag in a single export?**
A: There is no specified limit to the number of SoundCloud widgets you can tag in a single export using UiChemy. However, keep in mind that having too many widgets on a single page may affect load times and performance. It's best to balance functionality with performance to ensure a smooth user experience.