How to Tag Coupon Code Widget for Figma to Elementor?
Tag a WooCommerce coupon code offer in your Figma design as the Coupon Code widget from The Plus Addons for Elementor using UiChemy.
If you're using coupon codes in your Figma design to show offers, you can tag those elements as the Coupon Code 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 Coupon Code widget.
What Can Be Tagged?
A frame containing text can be tagged as a Coupon Code 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 coupon code in your design and click the Widget Tags tab in the UiChemy panel. Search for "coupon" and click the Coupon Code widget from The Plus Addons for Elementor.
On the next screen, you'll see information about which element you're tagging as which widget, followed by widget-specific tagging options, some of which are auto-filled based on your design.
- From the Type dropdown, select the coupon style.
- The Title will be automatically selected.
- Once done, click the Save button to complete the tagging.
Now, if you export the design, that element will use the Coupon Code widget from The Plus Addons for Elementor with your selected type and text.
Since this is a Pro widget, make sure The Plus Addons for Elementor free and pro plugins are installed and activated, and that the widget itself is activated. You might need to make minor adjustments in the widget settings to match your design, especially for elements that aren't tagged.