Tagify

Tagify module integrates Drupal autocomplete and Tagify component, providing a widget that significantly enhances the usability of entity reference fields. This widget seamlessly transforms these fields into an intuitive tags input component, promoting user-friendliness and optimising performance. The result is a smoother and more efficient user experience.

The Tagify module is now included in Drupal CMS as default widget for entity reference fields. For more details, visit the next link.

Try Tagify in Drupal CMS

Key features

• Modern Tag Styling

Adopt a modern tag style that brings a fresh and visually appealing look to the entity reference fields.

• Duplicate Tag Prevention

Automatically disallows the inclusion of duplicate tags, promoting data consistency and user convenience.

• Adaptive Label Management

Automatically deactivates labels when the predefined limit in Drupal is exceeded, ensuring efficient label control.

• Tag Creation

Adapts to Drupal settings by allowing or disallowing tag creation based on specified preferences.

• Intuitive Drag & Sort

Enhance user interaction by enabling the effortless organisation of tags through a drag-and-sort feature.

• Highlight Input Matching

Improve user experience by highlighting input matching in the suggestions dropdown, aiding users in selecting the correct tags efficiently.

• A11Y Accessibility

Enhance accessibility features to ensure that users with disabilities can navigate and interact with the tags.

• Select Widget

Supports single/multiple select listings, enabling users to efficiently choose from a predefined list of tags.

• Form Element

Enhance your custom forms by adding a powerful autocomplete element, integrating Drupal's autocomplete with the Tagify component for efficient and user-friendly tag selection.

• Hierarchical Support

Organise taxonomy terms hierarchically in the suggestions dropdown, with child terms grouped under parent categories. Configurable parent selection and visual grouping enhance navigation and maintain data structure integrity.

• Entity Reference Formatter

Display entity reference fields as Tagify tags, with the same look as the widget. Optionally link each tag to its entity and show the entity ID or a token-based info label.

Settings

• Tagify as default widget for entity reference fields (Disabled by default)

Widget settings

• Autocomplete matching
• Include Entity Id (optional)
• Include Info Label (optional)
• Placeholder (optional)
• Suggestions dropdown
• Parent selection from hierarchical support (optional)

🔎 Tagify Preview

• Example of entity reference field using the Tagify widget.

• Example of entity reference field using the Tagify widget including Entity IDs.

• Example of entity reference field using the Tagify widget including Info Label (Extra information including Media image). How to use it 📖

• Example of entity reference field using the Tagify widget including Info Label (Extra information including Vocabulary name).

Submodules

Tagify module incorporates the following submodules designed to elevate user interaction and experience with the Tagify component:

• 👥 Tagify User List

• 🔢 Tagify Facets

• ⭐ Tagify AI Suggestions

• 🚀 Tagify Icons

Integrations

Tagify module is also well integrated with next modules/themes:

• Gin theme ecosystem (Styles and color schemes)
• Better Exposed Filters
• Facets
• AI

Recommended modules

Tagify module is enhanced with the use of the following modules:

• Iconify Icons enhance info labels by using SVG icons