---
title: "How to Tag The Site Title Widget for Figma to Elementor?"
url: https://uichemy.com/docs/how-to-tag-the-site-title-widget-for-figma-to-elementor/
date: 2024-04-09
modified: 2026-04-14
author: "Sagar Patel"
description: "If you are showing the site title in your Figma design, then you can tag the title as an Elementor Site Title widget directly from your Figma design using the..."
word_count: 354
---

# How to Tag The Site Title Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging the site title in Figma as an Elementor Site Title widget.
- Only the style of the dynamic Site Title widget is exported, not the content.
- A UiChemy Pro license is required to tag Elementor Pro widgets.

If you are showing the site title in your Figma design, then you can tag the title as an Elementor Site Title widget directly from your Figma design using the UiChemy plugin.

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

## What Can be Tagged?

A frame containing a text can be tagged as a Site Title widget.

> *Note: Since this is a dynamic widget only the style will be exported not the content.*

## 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 **Site Title** 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 and most of the options will be auto-filled based on your design.

- The title will be auto selected in the **Title** dropdown.

- 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 Site Title widget with your set style.

![](https://uichemy.com/wp-content/uploads/2024/04/exported-template-with-site-title.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 Site Title widget doesn't appear after tagging?**
A: If the Site Title widget doesn't show up after tagging, ensure that the Elementor Pro plugin is installed and activated. This is crucial because the Site Title widget is a dynamic widget, and without Elementor Pro, it won't function correctly. Additionally, check that you've selected the correct frame or container in the tagging process, as any misstep here could prevent the widget from appearing.

**Q: What is the best method to tag the Site Title widget?**
A: The best method to tag the Site Title widget is the Step by Step Method. This approach allows you to manually select the top-level page or frame and choose the Site Title widget from the UiChemy panel. This method provides more control over the tagging process and ensures that the widget is correctly configured according to your design.

**Q: Does tagging the Site Title widget affect the design's responsiveness?**
A: Tagging the Site Title widget does not negatively impact the design's responsiveness. UiChemy achieves 95% responsive accuracy across desktop, tablet, and mobile views. However, after tagging, you may need to make minor adjustments in the widget settings to ensure that the design aligns perfectly with your original Figma layout, especially for elements that are not tagged.

**Q: What should I do if I encounter issues during the tagging process?**
A: If you encounter issues during the tagging process, double-check that you are following the correct steps in the Step by Step Method. Ensure that you have selected the appropriate frame and that the widget you are tagging is supported. If problems persist, consider restarting the tagging process or reviewing the [supported Elementor widgets](https://uichemy.com/docs/widgets-compatible-with-figma-to-elementor-conversion-in-uichemy/) to confirm compatibility.