Bootstrap Toasts Or SnackBars use to display push up notification on WordPress 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.
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.
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).
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.
Animation Duration : You can change animation duration in milliseconds by just adding value manually. These are just examples, you can assign any time value.
Hello, world! This is a toast message. That contains 500px width value.
Toast Width : 1000px3 mins ago
Hello, world! This is a toast message. That contains 1000px width value. This is just an example there is no limit of width sizes. It is also responsive and easily adjustable with small devices.
Toast Color : #0000001 mins ago
Hello, world! This is a toast message.
Toast Color : #7f7f7f1 mins ago
Hello, world! This is a toast message.
Toast Color : #8800151 mins ago
Hello, world! This is a toast message.
Toast Color : #ed1c241 mins ago
Hello, world! This is a toast message.
Toast Color : #ff7f271 mins ago
Hello, world! This is a toast message.
Toast Color : #fff2001 mins ago
Hello, world! This is a toast message.
Toast Color : #22b14c1 mins ago
Hello, world! This is a toast message.
Toast Color : #00a2e81 mins ago
Hello, world! This is a toast message.
Toast Color : #3f48cc1 mins ago
Hello, world! This is a toast message.
Toast Color : #a349a41 mins ago
Hello, world! This is a toast message.
Toast Color : #c3c3c31 mins ago
Hello, world! This is a toast message.
Toast Color : #b97a571 mins ago
Hello, world! This is a toast message.
Toast Color : #ffaec91 mins ago
Hello, world! This is a toast message.
Toast Color : #ffc90e1 mins ago
Hello, world! This is a toast message.
Toast Color : #efe4b01 mins ago
Hello, world! This is a toast message.
Toast Color : #b5e61d1 mins ago
Hello, world! This is a toast message.
Toast Color : #99d9ea1 mins ago
Hello, world! This is a toast message.
Toast Color : #7092be1 mins ago
Hello, world! This is a toast message.
Toast Color : #c8bfe71 mins ago
Hello, world! This is a toast message.
Toast Color : #ff52521 mins ago
Hello, world! This is a toast message.
Toast Color : #75b00f1 mins ago
Hello, world! This is a toast message.
Toast Color : #3a07581 mins ago
Hello, world! This is a toast message.
Toast Color : #ffffff1 mins ago
Hello, world! This is a toast message.
Without Header2 mins ago
Without Header : Hello, world! This is a toast message.
Without Header TextWithout Header Text
Hello, world! This is a toast message.
Without Header Image1 mins ago
Hello, world! This is a toast message.
Without Header Time1 mins ago
Hello, world! This is a toast message.
Without Dismiss Button1 mins ago
Hello, world! This is a toast message.
Header Background Color1 mins ago
Hello, world! This is a toast message.
Header Border Color1 mins ago
Hello, world! This is a toast message.
Header Text Color1 mins ago
Hello, world! This is a toast message.
Header Image1 mins ago
Hello, world! This is a toast message.
Header Image Radius1 mins ago
Hello, world! This is a toast message.
Header Time Color1 mins ago
Hello, world! This is a toast message.
Header Dismiss Color1 mins ago
Hello, world! This is a toast message.
Header Dismiss Size1 mins ago
Hello, world! This is a toast message.
Toast Border Color1 mins ago
Hello, world! This is a toast message.
Toast Body Color1 mins ago
Hello, world! This is a toast message.
fadeInDown1 mins ago
Hello, world! This is a toast message.
bounce1 mins ago
Hello, world! This is a toast message.
flash1 mins ago
Hello, world! This is a toast message.
pulse1 mins ago
Hello, world! This is a toast message.
rubberBand1 mins ago
Hello, world! This is a toast message.
shake1 mins ago
Hello, world! This is a toast message.
headShake1 mins ago
Hello, world! This is a toast message.
swing1 mins ago
Hello, world! This is a toast message.
tada1 mins ago
Hello, world! This is a toast message.
wobble1 mins ago
Hello, world! This is a toast message.
jello1 mins ago
Hello, world! This is a toast message.
heartBeat1 mins ago
Hello, world! This is a toast message.
bounceIn1 mins ago
Hello, world! This is a toast message.
bounceInDown1 mins ago
Hello, world! This is a toast message.
bounceInLeft1 mins ago
Hello, world! This is a toast message.
bounceInRight1 mins ago
Hello, world! This is a toast message.
bounceInUp1 mins ago
Hello, world! This is a toast message.
fadeIn1 mins ago
Hello, world! This is a toast message.
fadeInDownBig1 mins ago
Hello, world! This is a toast message.
fadeInLeft1 mins ago
Hello, world! This is a toast message.
fadeInLeftBig1 mins ago
Hello, world! This is a toast message.
fadeInRight1 mins ago
Hello, world! This is a toast message.
fadeInRightBig1 mins ago
Hello, world! This is a toast message.
fadeInUp1 mins ago
Hello, world! This is a toast message.
fadeInUpBig1 mins ago
Hello, world! This is a toast message.
flip1 mins ago
Hello, world! This is a toast message.
flipInX1 mins ago
Hello, world! This is a toast message.
flipInY1 mins ago
Hello, world! This is a toast message.
lightSpeedIn1 mins ago
Hello, world! This is a toast message.
rotateIn1 mins ago
Hello, world! This is a toast message.
rotateInDownLeft1 mins ago
Hello, world! This is a toast message.
rotateInDownRight1 mins ago
Hello, world! This is a toast message.
rotateInUpLeft1 mins ago
Hello, world! This is a toast message.
rotateInUpRight1 mins ago
Hello, world! This is a toast message.
jackInTheBox1 mins ago
Hello, world! This is a toast message.
rollIn1 mins ago
Hello, world! This is a toast message.
zoomIn1 mins ago
Hello, world! This is a toast message.
zoomInDown1 mins ago
Hello, world! This is a toast message.
zoomInLeft1 mins ago
Hello, world! This is a toast message.
zoomInRight1 mins ago
Hello, world! This is a toast message.
zoomInUp1 mins ago
Hello, world! This is a toast message.
slideInDown1 mins ago
Hello, world! This is a toast message.
slideInLeft1 mins ago
Hello, world! This is a toast message.
slideInRight1 mins ago
Hello, world! This is a toast message.
slideInUp1 mins ago
Hello, world! This is a toast message.
bounceOut1 mins ago
Hello, world! This is a toast message.
bounceOutDown1 mins ago
Hello, world! This is a toast message.
bounceOutLeft1 mins ago
Hello, world! This is a toast message.
bounceOutRight1 mins ago
Hello, world! This is a toast message.
bounceOutUp1 mins ago
Hello, world! This is a toast message.
fadeOut1 mins ago
Hello, world! This is a toast message.
fadeOutDown1 mins ago
Hello, world! This is a toast message.
fadeOutDownBig1 mins ago
Hello, world! This is a toast message.
fadeOutLeft1 mins ago
Hello, world! This is a toast message.
fadeOutLeftBig1 mins ago
Hello, world! This is a toast message.
fadeOutRight1 mins ago
Hello, world! This is a toast message.
fadeOutRightBig1 mins ago
Hello, world! This is a toast message.
fadeOutUp1 mins ago
Hello, world! This is a toast message.
fadeOutUpBig1 mins ago
Hello, world! This is a toast message.
flipOutX1 mins ago
Hello, world! This is a toast message.
flipOutY1 mins ago
Hello, world! This is a toast message.
lightSpeedOut1 mins ago
Hello, world! This is a toast message.
rotateOut1 mins ago
Hello, world! This is a toast message.
rotateOutDownLeft1 mins ago
Hello, world! This is a toast message.
rotateOutDownRight1 mins ago
Hello, world! This is a toast message.
rotateOutUpLeft1 mins ago
Hello, world! This is a toast message.
rotateOutUpRight1 mins ago
Hello, world! This is a toast message.
rollOut1 mins ago
Hello, world! This is a toast message.
zoomOut1 mins ago
Hello, world! This is a toast message.
zoomOutDown1 mins ago
Hello, world! This is a toast message.
zoomOutLeft1 mins ago
Hello, world! This is a toast message.
zoomOutRight1 mins ago
Hello, world! This is a toast message.
zoomOutUp1 mins ago
Hello, world! This is a toast message.
slideOutDown1 mins ago
Hello, world! This is a toast message.
slideOutLeft1 mins ago
Hello, world! This is a toast message.
slideOutRight1 mins ago
Hello, world! This is a toast message.
slideOutUp1 mins ago
Hello, world! This is a toast message.
linear1 mins ago
Hello, world! This is a toast message.
easeIn1 mins ago
Hello, world! This is a toast message.
easeOut1 mins ago
Hello, world! This is a toast message.
ease1 mins ago
Hello, world! This is a toast message.
easeInOut1 mins ago
Hello, world! This is a toast message.
speedy1 mins ago
Hello, world! This is a toast message.
slowSpeedy1 mins ago
Hello, world! This is a toast message.
easeOutInCubic1 mins ago
Hello, world! This is a toast message.
swing1 mins ago
Hello, world! This is a toast message.
easeOutCubic1 mins ago
Hello, world! This is a toast message.
easeOutCirc1 mins ago
Hello, world! This is a toast message.
easeOutExpo1 mins ago
Hello, world! This is a toast message.
easeOutQuad1 mins ago
Hello, world! This is a toast message.
easeOutQuart1 mins ago
Hello, world! This is a toast message.
easeOutQuint1 mins ago
Hello, world! This is a toast message.
easeOutSine1 mins ago
Hello, world! This is a toast message.
500ms1 mins ago
Hello, world! This is a toast message.
1000ms1 mins ago
Hello, world! This is a toast message.
1500ms1 mins ago
Hello, world! This is a toast message.
2000ms1 mins ago
Hello, world! This is a toast message.
2500ms1 mins ago
Hello, world! This is a toast message.
2999ms1 mins ago
Hello, world! This is a toast message.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Trigger : Hover2 mins ago
Trigger : Hover2 mins ago
Trigger : Hover2 mins ago
Trigger : Hover2 mins ago
ShortCode2 mins ago
Accordion Example
Note: The data-parent attribute makes sure that all collapsible elements under the specified parent will be closed when one of the collapsible item is shown.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Toast Header5 mins ago
I am an example of notificationThis toast will appears when someone click on the trigger button. You can close it by clicking on dismiss button.
Toast Header5 mins ago
Lore ipsumdolorsi ame con sectetu. Adi pis icinge litse doeiusmodtemp inc idi Commodo Cons.
Toast Header5 mins ago
Lo remipsumdo lors ita metcons ec tetu radipisici nget, seddoe iusm o tempor in cididu ntu tlab & doloremagn ali quaut eni adminimv. Eni amqui nostrude xer ci tat ionu lla mco laboris nisiutali qu ipe.
Toast Header5 mins ago
Lo remipsumdo lors ita metcons ec tetu radipisici nget seddoe.
Toast Header5 mins ago
Lo remipsumdo lors ita metcons ec tetu radipisici nget seddoe.