MARKETPLACE
PLUGINS
ADVANCED ALERT TOAST
Advanced Alert Toast logo

Advanced Alert Toast

Published May 2025
   •    Updated December 2025

Plugin details

📝 Description -
Show highly customizable toast-style alert notifications anywhere on your Bubble app. Adjust colors, position, size, fonts, shadow, and more. Simple to use, powerful in design — perfect for alerts, confirmations, or status messages.

🔗 Service URL -

This is the live version of the plugin demo:
https://plugin-49094.bubbleapps.io/version-test/advanced_alert_toast

🔧 Editor URL -

This is the editor link to view and edit the plugin’s test page and workflows:
https://bubble.io/page?id=plugin-49094&test_plugin=1748678206954x113147236726865920_current&tab=Workflo

Free

For everyone

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

Other actions

Platform

Web

Contributor details

JiPalJi logo
JiPalJi
Joined 2022   •   23 Plugins
View contributor profile

Instructions

📘 How to Use This Plugin
✅ 1. Install the Plugin

    Go to the Bubble Plugin tab
    Search for **“Advanced Alert Toast”**
    Install it into your app

✅ 2. **Use the Action in a Workflow**

    In any workflow (like button click), choose:

    “Plugins → Show Advanced Alert Toast”


✅ 3. **Configure the Toast Message**

The plugin lets you control the look and behavior:

| Parameter         | Type   | Description                   | Example                  |
| ----------------- | ------ | ----------------------------- | ------------------------ |
| `message`         | text   | The content of the toast      | `"Form submitted!"`      |
| `backgroundColor` | color  | Background color              | `#28a745` (green)        |
| `textColor`       | color  | Text color                    | `#ffffff` (white)        |
| `position`        | text   | Position on screen            | `top-right` (see below)  |
| `duration`        | number | How long the toast stays (ms) | `3000`                   |
| `fontSize`        | number | Font size (px)                | `14`                     |
| `boxShadow`       | text   | Custom box shadow CSS         | `'0 2px 10px rgba(...)'` |
| `width`           | number | Width in pixels               | `300`                    |
| `height`          | number | Height in pixels (optional)   | `50`                     |
| `padding`         | text   | Padding (CSS style)           | `'12px 20px'`            |
| `borderRadius`    | number | Rounded corners (px)          | `8`                      |


📍 Supported `position` values (dropdown):

top-left, top-center, top-right, bottom-left, bottom-center, bottom-right, center

💡 Examples

Example 1: Success Message**

* `message`: `"Profile updated successfully!"`
* `backgroundColor`: `#28a745`
* `textColor`: `#ffffff`
* `position`: `bottom-center`
* `duration`: `4000`


Example 2: Centered Warning**

* `message`: `"Please fill all required fields."`
* `backgroundColor`: `#ffc107`
* `textColor`: `#000000`
* `position`: `center`
* `fontSize`: `16`
* `width`: `350`

Types

This plugin can be found under the following types:

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