MARKETPLACE
PLUGINS
WGD MENTIONS
WGD Mentions logo

WGD Mentions

Published March 2021
   •    Updated November 2025

Plugin details

The WGD Setup Mentions action allows you to configure and activate a powerful mentions/autocomplete system in any input or multiline text field using the Tribute.js library. This tool enables users to trigger a dynamic dropdown of selectable options (like usernames or hashtags) by typing a specific character (such as @, #, etc.).
Perfect for social apps, comment systems, or chat tools, this plugin provides a customizable way to insert rich references into text fields.

$19

One time

2.0 stars   •   2 ratings
70 installs  
This plugin does not collect or track your personal data.

Platform

Web & Native mobile

Contributor details

WGD Plugins logo
WGD Plugins
Joined 2021   •   60 Plugins
View contributor profile

Instructions

Step 1: Install the Plugin Go to your Bubble app editor.

Open the Plugins tab.

Click Add plugins and search for WGD Setup Mentions (or install it via your private plugin URL).

Click Install.

Step 2: Enable ID Attribute Support
Go to Settings > General.

Scroll down to Expose the option to add an ID attribute to HTML elements and check the box.

Click Save.

Step 3: Add Your Input(s)
In the Design tab, drag an Input or Multiline Input element onto your page.

Select the input element.

Scroll to the bottom of the property editor and set a unique ID Attribute, like commentInput.

Step 4: Create the Workflow
Go to the Workflow tab.

Create a new workflow trigger (e.g., Page is loaded or when a group is shown).

Add an action: Plugins → Setup Mentions (Tribute.js).

Step 5: Configure the Action Fields
In the plugin action step, configure the following fields:

Trigger Character: The character that starts the mention (e.g., @, #, :).

KeysToType: A comma-separated list of values the user will type to trigger a match (e.g., john, jane, jess).

ValuesToDisplay: A comma-separated list of values shown in the dropdown (e.g., John Doe, Jane Smith, Jess D.).

Attach to All: Choose:

"Input" to attach to all <input> fields

"Multiline Input" to attach to all <textarea> fields

"None" to use specific ID(s)

Id Attributes (only if Attach to All is "None"): Comma-separated list of element IDs (e.g., commentInput, replyBox).

Menu Show Min Length: Minimum characters typed before dropdown appears (e.g., 1).

Menu Item Limit: Max number of items in dropdown (e.g., 5).

Step 6: Test the Mentions
Preview your app.

Focus on the input field and type the trigger character (e.g., @).

Begin typing a matching name—you should see the dropdown suggestions.

Select a suggestion, and it will be inserted into the input.

Types

This plugin can be found under the following types:
Api   •   Background Services   •   Element   •   Action

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (2.0)

Clickable mentions
September 17th, 2022
The plugin works well and incredibly light. How can it be enhanced to enable directing users to the profile of the mentioned user when clicked?
Não funciona
March 2nd, 2022
Tem bug com acentos e não conseguimos puxar o elemento do banco, muito ruim.
Thank you for leaving a review re "There's a bug with accents and we can't pull the element from the bank, too bad." - Translation If you can let us know what you mean, please email [email protected], we would be happy to review for you.
March 8th, 2022
  •  
WGD Plugins
Bubble