> For the complete documentation index, see [llms.txt](https://docs.uichemy.com/llms.txt).
> Use it to discover all available pages before exploring further.

# How to Tag The Blog Post Listing Widget for Figma to Elementor?

Tag a blog or post listing in your Figma design as the Blog/Post Listing widget from The Plus Addons for Elementor using UiChemy.


If you're showing blog post listings in your Figma design, you can tag those elements as the **Blog/Post Listing** widget from The Plus Addons for Elementor using the UiChemy plugin. When you export the design as an Elementor template, that section will use the Blog/Post Listing widget.

### What Can Be Tagged?

A frame can be tagged as a Blog/Post Listing widget.

### How to Tag?

To do this, you can choose between two options: **Step by Step Method** or **Quick Conversion**. Here, we'll go with the **Step by Step Method**.

1. First, select the **Step by Step Method** and click the **Start** button.
2. Select the top-level page or frame of your layout, then click the **Next** button.
3. Under the **Widget Tagging Mode** tab, select the **Manual Widget Tagging** option.
4. 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.
5. After that, under the **Tag Widgets** tab, choose the frame or container that contains your element (widget). Then search for the **Blog/Post Listing** widget from **The Plus Widgets** in the UiChemy panel and select it. Here you'll see [all the supported Elementor widgets](/tagging-library/elementor/compatible-widgets).

On the next screen, you'll see information about which element you're tagging as which widget, followed by widget-specific tagging options.

6. From the **Style** dropdown, select a style based on your design.
7. You can select a **Heading** and **Description**, since this is a dynamic widget, it isn't mandatory.
8. From the **Desktop Column** dropdown, select the number of columns based on your design.
9. Once done, click the **Save** button to complete the tagging, and you'll see a *Tagged successfully* message.

<video controls width="100%">
  <source src="https://res.cloudinary.com/ekxmy1t9/video/upload/v1782993286/uichemy-docs/tagging-library/plus-addons/blog-post-listing/tagging-demo.mp4" type="video/mp4" />
</video>

Now, if you export the design, that element will use the Blog/Post Listing widget from The Plus Addons for Elementor with your selected style.

![Exported Elementor template using the Blog/Post Listing widget](https://res.cloudinary.com/ekxmy1t9/image/upload/v1782993290/uichemy-docs/tagging-library/plus-addons/blog-post-listing/export-result.gif)

<Callout kind="warning">
Since this is a freemium widget, make sure both The Plus Addons for Elementor free and pro plugins are installed and activated, and that the widget itself is activated.
</Callout>
