---
title: "How to Tag The Search Form Widget for Figma to Elementor?"
url: https://uichemy.com/docs/how-to-tag-the-search-form-widget-for-figma-to-elementor/
date: 2024-04-08
modified: 2026-04-14
author: "Sagar Patel"
description: "Are you showing a search field in your Figma design? Then you can tag those elements as an Elementor Search Form widget using the UiChemy plugin. So when you export..."
word_count: 312
---

# How to Tag The Search Form Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging of Figma elements as an Elementor Search Form widget.
- Users must have a UiChemy Pro license to tag Elementor Pro widgets.
- Exported designs will utilize the Elementor Search Form widget with selected placeholder text.

Are you showing a search field in your Figma design? Then you can tag those elements as an Elementor Search Form widget using the UiChemy plugin.

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

## What Can be Tagged?

A frame or a frame containing a placeholder text can be tagged as a Search Form widget.

## How to Tag?

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 **Search Form** 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 **Placeholder **dropdown, you can select the placeholder 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 Search Form widget with your selected placeholder text and search field design.

![](https://uichemy.com/wp-content/uploads/2024/04/exported-template-with-search-form.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 Search Form widget doesn't appear after tagging?**
A: If the Search Form widget doesn't show up after tagging, ensure that you have the Elementor Pro plugin installed and activated. The UiChemy Figma Plugin requires this for tagging Elementor Pro widgets. Additionally, check that you've selected the correct frame or container in the tagging process, as any missteps here could lead to the widget not being recognized.

**Q: What are the best practices for tagging widgets in UiChemy?**
A: When tagging widgets in UiChemy, always start with the top-level page or frame for clarity. Use the Manual Widget Tagging Option to have more control over your elements. Make sure to select the appropriate placeholder text for the Search Form widget, as this can enhance user experience by providing context for the search field.

**Q: What happens if I skip tagging the Search Form widget?**
A: If you skip tagging the Search Form widget, that section of your design will not function as a search field in Elementor. This means users won't be able to perform searches, which could hinder the usability of your website. Proper tagging is crucial for ensuring that all intended functionalities are preserved during the export process.

**Q: Are there any limitations when tagging widgets with UiChemy?**
A: One limitation to keep in mind is that UiChemy requires a Pro license to tag Elementor Pro widgets. Additionally, it only supports tagging for Elementor, Gutenberg, and Bricks Builder, so if you're using other page builders like Divi or WPBakery, those won't be compatible. Always verify that your design elements align with the supported widgets to avoid issues.