---
title: "How to Tag The WordPress Menu Widget for Figma to Elementor?"
url: https://uichemy.com/docs/tag-the-wordpress-menu-widget-for-figma-to-elementor/
date: 2025-04-21
modified: 2026-04-14
author: "Sagar Patel"
description: "If you are showing a menu in your site design in Figma, whether it's horizontal, vertical, or a dropdown, then you can tag those elements as the WordPress Menu widget..."
word_count: 359
---

# How to Tag The WordPress Menu Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging of Figma elements as the WordPress Menu widget from Elementor Pro.
- Users can choose between Step by Step Method or Express Conversion for tagging widgets.
- Exported designs maintain the menu style and content according to the website's settings.

If you are showing a menu in your site design in Figma, whether it's horizontal, vertical, or a dropdown, then you can tag those elements as the WordPress Menu widget from Elementor Pro using the UiChemy plugin.

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

## What Can be Tagged?

A frame containing an icon, a title text, a description text, and an icon for the close button can be tagged as a WordPress Menu 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** WordPress Menu** 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/).

-

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

Then you’ll see widget-specific tagging options.

- In the **Menu Direction** dropdown, you have to select the menu direction.

- Once done, click the **Save **button to complete the tagging, and you’ll see a Tagged successfully message.

![](https://uichemy.com/wp-content/uploads/2025/04/uichmey-to-tag-wordpress-menu-widget-2.gif)

Now, if you export the design, that element will use the WordPress Menu widget from Elementor Pro with your selected texts and style.

> **Note:** When you export a WordPress Menu from Figma to Elementor, the menu style and content will be as per the settings of your website.

![](https://uichemy.com/wp-content/uploads/2025/04/uichmey-to-tag-wordpress-menu-widget-demo.gif)

> *Note: Make sure **Elementor Pro **plugin is installed and activated* and the widget is activated as well. 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 WordPress Menu widget doesn't appear after tagging?**
A: If the WordPress Menu widget doesn't show up after tagging, ensure that the Elementor Pro plugin is installed and activated. The widget must also be activated in the Elementor settings. Sometimes, minor adjustments in the widget settings are necessary to align with your design, especially for elements that weren't tagged correctly.

**Q: What is the best way to tag the WordPress Menu widget in Figma?**
A: The best way to tag the WordPress Menu widget is by using the Step by Step Method. This method allows you to manually select the frame containing your menu elements and ensures accurate tagging, which is crucial for maintaining design integrity when exported to Elementor.

**Q: What happens to the menu style when exporting from Figma to Elementor?**
A: When you export a WordPress Menu from Figma to Elementor, the menu style and content will reflect the settings of your WordPress site. This means you may need to make adjustments in Elementor to ensure the design matches your original Figma layout, particularly for elements not tagged.

**Q: Are there any limitations when tagging the WordPress Menu widget?**
A: One limitation is that UiChemy only converts designs from Figma and does not support other design tools. Additionally, it does not work with page builders like Divi or WPBakery. Ensure your design elements are compatible with the WordPress Menu widget to avoid issues during export.