---
title: "How to Tag The Share Buttons Widget for Figma to Elementor?"
url: https://uichemy.com/docs/how-to-tag-the-share-buttons-widget-for-figma-to-elementor/
date: 2024-04-10
modified: 2026-04-14
author: "Sagar Patel"
description: "If you are showing social sharing buttons in your Figma design, then you can tag those elements as an Elementor Share Buttons widget using the UiChemy plugin. So when you..."
word_count: 417
---

# How to Tag The Share Buttons Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging Figma elements as an Elementor Share Buttons widget during export.
- Users can select the Manual Widget Tagging Option to tag frames or containers for the Share Buttons widget.
- Tagging requires a UiChemy Pro license to access Elementor Pro widgets.

If you are showing social sharing buttons in your Figma design, then you can tag those elements as an Elementor Share Buttons widget using the UiChemy plugin.

So when you export the design as an Elementor template, that particular section will use the Elementor Share Buttons widget.

## What Can be Tagged?

A frame or an inner frame containing an icon and text can be tagged as an Elementor Share Buttons 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 **Share Button** widget from Elementor Pro 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: You need to have a UiChemy Pro license to tag Elementor Pro widgets.*

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.

- From the **Skin** dropdown, you have to select a skin for the share buttons.

- Then, from the **Social Button 1** dropdown, you have to select the inner frame containing the icon.

- The **Icon** field will be auto-selected.

- From the **Network** dropdown, you have to select the network of the share button. For instance, if you have a Facebook icon, then you should select Facebook as a network.

- In the **Label** field, you can select the share button text.

- Then click on the **+ Add New** button and repeat steps 2 to 5 to tag the next share button.

- 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 Elementor Share Buttons widget with your icons and texts.

![](https://uichemy.com/wp-content/uploads/2024/04/exported-template-with-share-buttons.gif)

> *Note: Since this is a pro widget make sure the Elementor pro plugin is installed and activated. You might have to make some minor adjustments in the widget settings to match the design, especially those elements that are not tagged.*

## Frequently Asked Questions

**Q: What if the Share Buttons widget doesn't appear after tagging?**
A: If the Share Buttons widget doesn't show up after tagging, ensure that you have a UiChemy Pro license, as it's required to tag Elementor Pro widgets. Additionally, confirm that the Elementor Pro plugin is installed and activated. If everything is set up correctly and it still doesn't appear, you may need to check the widget settings in Elementor to ensure they match your design.

**Q: What are the best practices for tagging Share Buttons in Figma?**
A: When tagging Share Buttons in Figma, ensure that each button has a clear icon and text representation. Use the Manual Widget Tagging Option for precise control over each button's settings, including selecting the correct social network and label. This attention to detail ensures that the exported design accurately reflects your intended layout and functionality.

**Q: Does the UiChemy Figma Plugin support other social sharing widgets?**
A: The UiChemy Figma Plugin specifically supports tagging elements as the Elementor Share Buttons widget. It does not mention support for other social sharing widgets or plugins. If you are using a different type of sharing button, you may need to explore other options or ensure that your design aligns with the supported Elementor widgets.

**Q: Are there any limitations when using the Share Buttons widget with UiChemy?**
A: One limitation is that you must have a UiChemy Pro license to tag Elementor Pro widgets, including the Share Buttons widget. Additionally, ensure that the Elementor Pro plugin is activated, as the widget will not function without it. Minor adjustments may also be necessary in the widget settings to align with your design, particularly for elements not tagged.