Bootstrap Toast - Responsive WordPress Plugin

Bootstrap Toast
Responsive WordPress Plugin

Bootstrap Toast - Responsive WordPress Plugin is a WordPress Plugin to display push up notification on websites. Either you are using Bootstrap 3 or Bootstrap 4, it is compatible with both. In case you are not using Bootstrap framework, you can still integrate this Plugin into your WordPress website. By installing this Plugin, you will be able to develop user-friendly interface.

Purchase Now

Content Examples : You can add content like images, heading, paragraph, lists, YouTube, vimeo, self-hosted videos, icons etc. through WordPress Editor. As well as you can use ShortCodes of other Plugins like Woo-Commerce to display content in toasts.

Image YouTube Vimeo Self Hosted ShortCode Notification SnackBar 1 SnackBar 2 SnackBar 3 SnackBar 4

Appears On : You Can Triggered A toast On - Click | Hover | On Page Load | On Page Leave | On Page Scroll. As well as you can also put value of delay showing and hiding the toast (ms).

OnPageLoad OnPageLeave OnPageScroll OnMouseHover OnButtonClick Show After Delay Hide After Delay

Positions : Position to the toast - | Center | Left | Right | Top-Center | Top-Left | Top-Right | Bottom-Center | Bottom-Left | Bottom-Right |

Top Left Top Right Bottom Left Bottom Right

Border Radius : You can change border radius of toast by assigning value in pixels.

Border Radius None Border Radius 8px Border Radius 16px Border Radius 32px

Unlimited toast Colors : You can change | Header Color | Body Color | Footer Color | Text Color | Buttons Color | Border Color | of a toast. There is no limit to choose colors, these are only some examples.

#000000 #7f7f7f #880015 #ed1c24 #ff7f27 #fff200 #22b14c #00a2e8 #3f48cc #a349a4 #c3c3c3 #b97a57 #ffaec9 #ffc90e #efe4b0 #b5e61d #99d9ea #7092be #c8bfe7 #ff5252 #75b00f #3a0758 #ffffff

Parts Of The Toast : You can change any part of the toast individually.

No Header No Header Text No Header Image No Header Time No Header Dismiss Header Color Header Border Header Text Color Header Image Header Image Radius Header Time Color Header Dismiss Color Header Dismiss Size Border Color Body Color

45+ Animation Effects On Show : You can show a toast with different animations effects.

FadeInDown Bounce Flash Pulse RubberBand Shake HeadShake Swing Tada Wobble Jello Heartbeat BounceIn BounceInDown BounceInLeft BounceInRight BounceInUp FadeIn FadeInDownBig FadeInLeft FadeInLeftBig FadeInRight FadeInRightBig FadeInUp FadeInUpBig Flip FlipX FlipY LightSpeedIn RotateIn RotateInDownL RotateInDownR RotateInUpL RotateInUpR JackInTheBox RollIn ZoomIn ZoomInDown ZoomInL ZoomInR ZoomInUp SlideInDown SlideInLeft SlideInRight SlideInUp

32+ Animation Effects On Hide : You can hide a toast with different animations effects.

bounceOut bounceOutDown bounceOutLeft bounceOutRight bounceOutUp fadeOut fadeOutDown fadeOutDownBig fadeOutLeft fadeOutLeftBig fadeOutRight fadeOutRightBig fadeOutUp fadeOutUpBig flipOutX flipOutY lightSpeedOut rotateOut rotateOutDownL rotateOutDownR rotateOutUpL rotateOutUpR rollOut zoomOut zoomOutDown zoomOutLeft zoomOutRight zoomOutUp slideOutDown slideOutLeft slideOutRight slideOutUp

16+ Animation Timing Functions : You can change animation timing function of animations.

linear easeIn easeOut ease easeInOut speedy slowSpeedy easeOutInCubic swing easeOutCubic easeOutCirc easeOutExpo easeOutQuad easeOutQuart easeOutQuint easeOutSine

Animation Duration : You can change animation duration in milliseconds by just adding value manually. These are just examples, you can assign any time value.

500ms 1000ms 1500ms 2000ms 2500ms 2999ms

Opacity : You can change opacity value of toast by using rgba() form of background colors.

0.1 0.3 0.5 0.7 0.9 1 0

How To Create ?

Online Documentation