How to Tag The Alert Widget for Figma to Elementor?

Table of Contents

If there is any alert message in your Figma design you can tag that element as an Elementor Alert widget using the UiChemy plugin. 

What Can be Tagged?

A frame containing a title and description text can be tagged as an Alert widget.

How to Tag?

Select the top level frame of your layout then select the Optimize & Convert option and click the Optimize & Convert button.

Now select the frame or container containing the alert in your design and click on the Widget Tags tab in the UiChemy panel.

Then search for the alert and click on the Alert widget from Elementor.

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 and most of the options will be auto-filled based on your design.

  1. The Title field, will be automatically filled but you can click the dropdown to change it. 
  2. The Description field, will be automatically filled as well but you can click the dropdown to change it.
  3. From the Show Icon field, you can show or hide the icon.
  4. Once done, click on the Save button to complete the tagging.

Now if you export the design, that element will use the Alert widget with all your specified information.

exported template with alert

Resource