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

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.

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

 

🔎 Tagify Preview

  • Example of entity reference field using the Tagify widget.

Entity reference field with Tagify example

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

Entity reference field with Tagify example (Including Entity Id)

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

Entity reference field with Tagify gif example (Including Info Label Media Image)

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

Entity reference field with Tagify example (Including Info Label Vocabulary)

Submodules

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


 

Integrations

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


 

Recommended modules

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


 

Stay tuned 📢

Releases, new features, bug fixing...


Find it on X

Supporting organizations: 
Development and maintenance

Project information

Releases