MARKETPLACE
PLUGINS
HOTKEY KEYBOARD SHORTCUTS
Hotkey Keyboard Shortcuts logo

Hotkey Keyboard Shortcuts

Published December 2025
   •    Updated February 2026

Plugin details

This plugin provides a lightweight, global hotkey listener for your Bubble application. It allows you to define custom keyboard shortcuts (including modifier keys like Ctrl/Cmd, Shift, and Alt/Option) on any element instance. When the specified key combination is pressed anywhere on the page, a custom Bubble event is triggered, allowing you to run powerful workflows instantly.
This is ideal for improving user experience with fast navigation, quick form submissions, or toggling features without relying on clicking visible buttons.

$5

One time

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

Platform

Web

Contributor details

Compendium logo
Compendium
Joined 2019   •   4 Plugins
View contributor profile

Instructions

This plugin requires two main steps: configuring the element and setting up the critical cleanup workflow.
Step 1: Configuring the Hotkey Element

Place the Element: Drag the "Hotkey Shortcut" element onto any page or reusable element where you want the shortcut to be active. It is an invisible element.

Define the Shortcut: In the properties panel for the Hotkey element, set the following fields:

Key Code: Enter the primary key you want to listen for (e.g., s, enter, escape, delete).

Ctrl/Cmd: Check this box if the shortcut requires the Ctrl key (Windows/Linux) or Cmd key (Mac).

Shift: Check this box if the shortcut requires the Shift key.

Alt/Option: Check this box if the shortcut requires the Alt key (Windows/Linux) or Option key (Mac).

Create the Workflow:

Go to the Workflow tab.

Create a new event: "Elements" > "An element fires a custom event".

Select your Hotkey element and choose the event "shortcut_pressed".

Add the actions you want to run (e.g., Navigate to page, Save changes, Show/Hide element).

Step 2: Critical Cleanup Workflow (Mandatory to Prevent Memory Leaks)

Because this plugin attaches a listener that is active across the entire page, you must call the dedicated cleanup action when the hotkey element is no longer needed (e.g., when navigating to a new page). Failing to implement this step will degrade application performance.

Create the Cleanup Action: Ensure your plugin contains the necessary Client-side Action, typically named "Remove Hotkey Listener", which is responsible for safely deactivating the global shortcut.

Implement the Mandatory Cleanup Workflow: On every page that contains the Hotkey Shortcut element, you must run the "Remove Hotkey Listener" Action when the user leaves the page. The recommended method is:

Go to the Workflow tab for the page.

Create a new event: "General" > "Page is loaded".

Add an action: "Plugins" > [Your Cleanup Action Name] (e.g., Remove Hotkey Listener).

Note: Treat the "Remove Hotkey Listener" action as a mandatory part of setting up this element to ensure application health and speed.

Types

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

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble