MARKETPLACE
PLUGINS
SIMPLE TOAST NOTIFICATION
Simple Toast Notification logo

Simple Toast Notification

Published August 2024
   •    Updated June 2025

Plugin details

Toast Notification - Simple Plugin for Bubble allows you to display customizable toast notifications on your Bubble app.
Toast Notification - Simple are small, unobtrusive messages that appear on the screen to inform users of various events or statuses.

This plugin supports different types of notifications, themes, positions, and durations, providing flexibility in how you inform your users.

Page editor: https://bubble.io/page?id=designpulseplugins&test_plugin=1721406647501x446220861907140600_current&tab=tabs-3&name=index&subtab=App+Data&type_id=user

$10

One time  •  Or  $7/mo

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

Platform

Web

Contributor details

Chris P. - Designpulse logo
Chris P. - Designpulse
Joined 2020   •   1 Plugin
View contributor profile

Instructions

Install the Plugin:
Go to the Plugin tab in your Bubble editor.

Search for the "Toast Notification - Simple Plugin".

Click on "Install" to add it to your application.

Use the Plugin in Your App:

Go to the "Design" tab in your Bubble editor.

Add a button or any element that will trigger the toast notification.

In the element's workflow, add a new action.

Select the "Toast Notification - Simple Plugin" action.

Configure the Toast Notification:

Message: Enter the content of the toast notification. This is the main text that will be displayed inside the notification.

Type: Select the type of notification (success, error, info, warning). Each type has a predefined icon and styling.

Duration: Set the duration for which the toast notification will be displayed, in milliseconds. The default value is 5000ms (5 seconds).

Title: Enter the title of the toast notification. This text will be displayed prominently at the top of the notification.

Theme: Choose the color theme of the toast notification. The options are 'dark' and 'light'.

Position: Select the position on the screen where the toast notification will appear. Options include 'top-left', 'top-right', 'bottom-left', 'bottom-right', 'top', 'bottom', 'left', and 'right'.

Show Close Button: Choose whether to show the close button (X) on the toast notification. Set to 'yes' to show the close button, or 'no' to hide it.

Preview and Test.

By following these steps, you can effectively implement and customize toast notifications in your Bubble app using the Toast Notification - Simple Plugin. This allows you to enhance user experience by providing timely and relevant feedback through visually appealing notifications.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Productivity   •   Technical   •   Social Network   •   Media   •   Image

Resources

Support contact
Documentation
Tutorial

Rating and reviews

No reviews yet

This plugin has not received any reviews.
Bubble