---
title: "How to Tag The Flip Box Widget for Figma to Elementor?"
url: https://uichemy.com/docs/how-to-tag-the-flip-box-widget-for-figma-to-elementor/
date: 2024-04-08
modified: 2026-04-14
author: "Sagar Patel"
description: "If you are highlighting some features in an image or icon box like sections in your Figma design, then you can tag those elements as an Elementor Flip Box widget..."
word_count: 412
---

# How to Tag The Flip Box Widget for Figma to Elementor?

## Key Takeaways

- UiChemy allows tagging of Figma elements as Elementor Flip Box widgets during export.
- A frame containing an image or icon, heading text, and description text can be tagged as a Flip Box widget.
- Tagging requires a UiChemy Pro license to use Elementor Pro widgets.

If you are highlighting some features in an image or icon box like sections in your Figma design, then you can tag those elements as an Elementor Flip Box widget using the UiChemy plugin.

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

## What Can be Tagged?

A frame containing an image or icon, a heading text, and a description text can be tagged as a Flip Box 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 **Flip Box** 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 **Icon** tab, the icon will be auto-selected in the **Icon** dropdown, but if you have an image, then you have to go to the **Image** tab and select the image from the **Image** dropdown.

- Then, from the **Title **dropdown, you have to select the title text.

- After that, from the **Description** dropdown, you have to select the description 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 Flip Box widget with your selected text and image or icon. You have to edit the back side heading and content as it will add the same content as the front side. 

![](https://uichemy.com/wp-content/uploads/2024/04/exported-template-with-flip-box.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 should I do if the Flip Box widget isn't tagging correctly?**
A: If the Flip Box widget isn't tagging correctly, ensure that you have selected the correct frame or container that contains your elements. Double-check that you are using the Manual Widget Tagging Option under the Widget Tagging Mode tab. If issues persist, verify that you have a UiChemy Pro license, as this is required to tag Elementor Pro widgets.

**Q: What is the best method for tagging the Flip Box widget?**
A: The best method for tagging the Flip Box widget is the Step by Step Method, which provides a clear process for selecting your layout and tagging elements. This method allows you to manually choose the frame and specify the Flip Box widget from the Elementor Pro options, ensuring accurate tagging and export of your design.

**Q: Does tagging the Flip Box widget affect the responsiveness of my design?**
A: Tagging the Flip Box widget using UiChemy maintains the responsive accuracy of your design, achieving 95% responsiveness across desktop, tablet, and mobile views. However, you may need to make minor adjustments in the widget settings to ensure everything matches your original design perfectly.

**Q: What elements can I include when tagging a Flip Box widget?**
A: When tagging a Flip Box widget, you can include a frame containing an image or icon, a heading text, and a description text. This allows you to create a visually appealing and informative widget that enhances user engagement when exported to Elementor.