Introduction

The Taxonomy widget for Elementor is another amazing feature provided by Xpro add-ons that showcase your product tag in an attractive way. The widget helps to display your Woo-commerce product tag and categories with huge customization options so you can personalize the user experience.

Xpro Taxonomy widget for Elementor is a great way to display Woo-commerce product tags and guide website users to the product or page they are looking for. Add icons, backgrounds, and other customizations to enhance the display of the widget.

How to Install Elementor Taxonomies Widget

Requirement

You need to install and activate the free version of Xpro Elementor Addons. If you already have the plugin installed, just make sure the Taxonomies Widget is ‘Enabled’ from the Xpro Elementor Addons dashboard. so you can find it in the Elementor editor.

To enable the widget, simply follow these steps:

Step 1

Click on the Xpro Addons option available on the WordPress Dashboard Menu.

Step 2

From the Xpro Addons Dashboard, click on the Widgets Tab, find the Taxonomies widget, and then toggle the button ‘ON’ to enable it.

How to Use Xpro Taxonomies widget for Elementor

The Taxonomies widget by Xpro Elementor allows you to show your product tags and categories in a stylish manner so that site visitors can simply identify and access the item they want to view. Obtain data from several sources and arrange it in a vertical or horizontal manner. Let’s further talk on how you can utilize this amazing tool.

Step 1

Click on the Xpro Addons section available in the Elementor Editor.

Step 2

From the Xpro Addons section, simply drag’n’drop the Team widget on your desired page location.

The default view of the widget will dynamically display your product categories as you drag and drop it into the page.

How to Change the Layout of Xpro Taxonomies Widget

In the Content Section, the general setting menu provides you the option of changing the layout to horizontal or vertical. Select any of the option by clicking on their respective symbols.

How to Change the Query in Xpro Taxonomies Widget

Change the source of the display from the Source drop-down menu. The data will be dynamically display as you select the option.

Exclude any of the tag that you do not wish to include in the display. Select the tag in excluding bar to remove it from showing. Moreover, set the order of the display order by menu and order menu that let you arrange data in ascending or descending order.

When the Hide Empty option bellow is enabled, tags that do not have any posts will be hidden.

Enable or deactivate the display of a count in the tags display from the Show Count option, which displays the amount of tag options that have been posted to the website.

Change an icon from the icon option. Select an icon from the icon library or upload it from your desktop.

How to Style the Xpro Taxonomies Widget for Elementor

Set the alignment of the text in the cell to left, right, or center of the box. Change the font, size, word spacing, and other aspects of the text from typography.

Set the number of cells displayed in one row using the items per row option. Adjust the box spacing as well.

To improve the appearance of the widget, add a shadow box. The shadow box menu lets you manage the shadow by performing the following actions.

Horizontal: Move the shadow to left or right position.
Vertical: Move the shadow to up or down position.
Blur: Adjust the business of the shadow.
Spread: Expand the shadow using the spread option.

In addition to the settings shown above, you can color the sadow and set its position to inline or outline.

Color the text and the background for normal and hover display. The over effect allow the appearance of the box alter as the user drag the mouse above it.

Select the border type if you want to add a border to the box. You can select any of five different borders including solid, double, dashed, groove, and dotted. You can further set the border radius and width according to your requirement.

How to Style the Icon in Xpro Taxonomies widget

Adjust the size of the icon as well as the background. Set apart icon and text and manage the space between them.

You have the option to add a border to the icon and perform all the activities as discussed before. Style the border as you like.

Color the icon as well as the background for normal and hover display. Click on the background type to add classic or gradient color.

Best Taxonomies Widget for Elementor

This is all from the Xpro Taxonomies widget for Elementor. We hope that you fully understand the uses and functionality of this easy-to-use free widget.

Xpro Elementor offers a wide variety of amazing add-ons to let you create a fully functional website without the need for any coding. If you want to explore more widgets like Taxonomies then check out the Breadcrumbs widget by Xpro Elementor that display a navigational bar to help the website users.