MARKETPLACE
PLUGINS
EVENTS (PREMIUM)
Events (Premium) logo

Events (Premium)

Published June 2025
   •    Updated July 2025

Plugin details

Triggering actions from deeply nested components in Bubble can be difficult—especially when you need to communicate upwards.
In complex applications, it’s common to have components embedded inside other components (e.g. in a repeating group), and you may need to trigger actions outside of them—such as opening a popup or starting a workflow in the parent. While Bubble allows placing popups directly inside components, this leads to duplicated instances, unnecessary DOM growth, and performance issues.

Typical workarounds—like passing values via custom states or URL parameters—can get messy and hard to maintain.

The Events (Premium) plugin solves this in a clean and scalable way using native JavaScript event support. You place an Event listener element anywhere on the page (e.g. near the popup), and from any point in your app—including deeply nested components—you can trigger it using the Send event action.

The listener catches the event and triggers the event_triggered workflow. No complex wiring, no extra component instances, and no performance penalty.

Use this to keep your UI lean, workflows clean, and component communication reliable.

$9

One time  •  Or  $3/mo

stars   •   0 ratings
3 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Innovatee.com logo
Innovatee.com
Joined 2020   •   8 Plugins
View contributor profile

Instructions

1. Add the “Event listener” element Place the Event listener element anywhere on your page where you want to react to an event—such as next to a popup or inside a parent container.

2. Set the Event name
This is a unique identifier used to match between the listener and the sender. Use a simple string like open-popup, show-details, or refresh-item.

3. (Optional) Set the Data type
If you want to pass data along with the event, select a Data type in the Event listener element (e.g., Thing, text, number). This defines the expected format of the incoming data.

4. Trigger the event from anywhere using the “Send event” action
Use the Send event action in any workflow (even within deeply nested elements or repeating groups). Provide:
• The same Event name used in the listener.
• (Optional) Data type: Choose the Bubble type of the value you want to send.
• (Optional) Data: The actual value to pass (e.g., Current cell's User, Parent group's text, etc.).

5. Handle the event
In the Event listener, create a workflow using the event_triggered event. This will be triggered automatically when a matching event is dispatched.

6. Access the passed data
Inside the triggered workflow, use This Event Listener's data to access the value passed by the sender.

Types

This plugin can be found under the following types:
Element   •   Event   •   Action

Categories

This plugin can be found under the following categories:
Data (things)   •   Productivity   •   Technical   •   Visual Elements

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble