---
title: "How to Tag The Post Navigation Widget for Figma to Elementor?"
url: https://uichemy.com/docs/how-to-tag-the-post-navigation-widget-for-figma-to-elementor/
date: 2024-04-08
modified: 2026-04-14
author: "Sagar Patel"
description: "If you’ve added a post navigation section in your Figma design, especially on a single post page, then you can tag those elements as an Elementor Post Navigation widget using..."
word_count: 344
---

# How to Tag The Post Navigation Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging of Figma design elements as an Elementor Post Navigation widget.
- The Step by Step Method requires selecting the top-level page and using Manual Widget Tagging Option.
- Tagging requires a UiChemy Pro license to access Elementor Pro widgets.

If you’ve added a post navigation section in your Figma design, especially on a single post page, then you can tag those elements as an Elementor Post Navigation widget using the UiChemy plugin. 

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

## What Can be Tagged?

A frame containing a label text and a title text can be tagged as a Post Navigation 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 **Post Navigation** 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.

- In the **Label **dropdown, you have to select the label text.

- Then, in the **Title** dropdown, you can select the title text.

- 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 Post Navigation widget with your selected label text.

![](https://uichemy.com/wp-content/uploads/2024/04/exported-template-with-post-navigation.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 Post Navigation widget doesn't appear after tagging?**
A: If the Post Navigation widget doesn't show up after tagging, ensure that you have a UiChemy Pro license since tagging Elementor Pro widgets requires it. Additionally, verify that the Elementor Pro plugin is installed and activated. If everything is set up correctly and the widget still doesn't appear, check if the elements were tagged properly in the UiChemy panel.

**Q: Can I use the Post Navigation widget for other layouts besides single post pages?**
A: The Post Navigation widget is specifically useful for single post pages where navigation between posts is needed. While you can technically tag it in other layouts, it is primarily designed for this use case. Ensure that your design context aligns with the intended functionality of the widget to maximize its effectiveness.

**Q: What is the best method to tag the Post Navigation widget?**
A: The Step by Step Method is recommended for tagging the Post Navigation widget as it provides more control over the tagging process. Start by selecting the top-level page or frame, then choose the Manual Widget Tagging Option. This method allows you to specify label and title texts accurately, ensuring that the exported design meets your expectations.

**Q: Are there any limitations when tagging widgets with UiChemy?**
A: One limitation is that UiChemy only supports tagging Elementor Pro widgets, so you need to have the Elementor Pro plugin installed and activated. Additionally, if you attempt to tag elements that are not compatible with the UiChemy Figma to Elementor conversion, they may not function as intended after export.

**Q: What happens if I skip the Auto Layout step when tagging?**
A: If you skip the Auto Layout step, you may encounter issues with the layout of your Post Navigation widget after exporting. The Auto Layout feature helps maintain the intended structure and responsiveness of your design. It's advisable to select 'It's already in Auto Layout' to ensure that the widget behaves correctly in the final output.

**Q: How do I ensure my tagged elements match the original Figma design?**
A: To ensure your tagged elements match the original Figma design, pay close attention to the Label and Title dropdowns during the tagging process. Selecting the correct texts is crucial for maintaining design integrity. After exporting, you might need to make minor adjustments in the widget settings to align with the original design, especially for elements that weren't tagged.