{"id":6001,"date":"2022-09-30T14:03:04","date_gmt":"2022-09-30T14:03:04","guid":{"rendered":"https:\/\/www.kadencewp.com\/help-center\/?post_type=docs&#038;p=6001"},"modified":"2025-09-26T08:22:48","modified_gmt":"2025-09-26T08:22:48","password":"","slug":"snackbar-style-notices","status":"publish","type":"docs","link":"https:\/\/www.kadencewp.com\/help-center\/docs\/kadence-shop-kit\/snackbar-style-notices\/","title":{"rendered":"Snackbar Style Notices"},"content":{"rendered":"<style>.kb-image6001_215210-ce .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6001_215210-ce\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1573\" height=\"720\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Snackbar-Add-to-Cart-Example.gif\" alt=\"Snackbar Add to Cart Example\" class=\"kb-img wp-image-6004\" \/><figcaption>Snackbar Add to Cart Example<\/figcaption><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d, .wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d[data-kb-block=\"kb-adv-heading6001_33e61d-6d\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d[data-kb-block=\"kb-adv-heading6001_33e61d-6d\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6001_33e61d-6d[data-kb-block=\"kb-adv-heading6001_33e61d-6d\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6001_33e61d-6d wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6001_33e61d-6d\">Shop Kit includes a feature for snackbar style notices. Snackbar style notices add flair to your WooCommerce notices by providing a &#8220;snackbar&#8221; notice that appears at the bottom of the screen. The notices include the same information as the standard notices provided by WooCommerce.<\/p>\n\n\n<style>.kb-image6001_27b03e-8f .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6001_27b03e-8f\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"483\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example-1024x483.jpeg\" alt=\"Standard Notice example\" class=\"kb-img wp-image-6002\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example-1024x483.jpeg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example-300x141.jpeg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example-768x362.jpeg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example-1536x724.jpeg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Standard-Notice-example.jpeg 1844w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Standard Notice example<\/figcaption><\/figure><\/div>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47, .wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47[data-kb-block=\"kb-adv-heading6001_6d69a8-47\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47[data-kb-block=\"kb-adv-heading6001_6d69a8-47\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6001_6d69a8-47[data-kb-block=\"kb-adv-heading6001_6d69a8-47\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<h2 class=\"kt-adv-heading6001_6d69a8-47 wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6001_6d69a8-47\">How to Enable Snackbar Style Notices<\/h2>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c, .wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c[data-kb-block=\"kb-adv-heading6001_480eb7-6c\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c[data-kb-block=\"kb-adv-heading6001_480eb7-6c\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6001_480eb7-6c[data-kb-block=\"kb-adv-heading6001_480eb7-6c\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6001_480eb7-6c wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading6001_480eb7-6c\">To use snackbar style notices, you must enable the feature in the admin menu at <strong>Shop Kit \u2192 Snackbar Style Notices<\/strong>. After you enable the feature, you have two more options to add the notices to the cart and checkout pages. <\/p>\n\n\n<style>.wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97, .wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97[data-kb-block=\"kb-adv-heading6001_8de4fe-97\"]{font-style:normal;}.wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97[data-kb-block=\"kb-adv-heading6001_8de4fe-97\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading6001_8de4fe-97[data-kb-block=\"kb-adv-heading6001_8de4fe-97\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading6001_8de4fe-97 wp-block-kadence-advancedheading has-theme-palette-7-background-color has-background\" data-kb-block=\"kb-adv-heading6001_8de4fe-97\">When <strong>AJAX Add to Cart<\/strong> is enabled, standard WooCommerce notices will not be displayed. As a result, <strong>Snackbar notices<\/strong> also will not appear.\u00a0<\/p>\n\n\n<style>.kb-image6001_b2da6c-80 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<div class=\"wp-block-kadence-image kb-image6001_b2da6c-80\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1488\" src=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-scaled.jpg\" alt=\"\" class=\"kb-img wp-image-15157\" srcset=\"https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-scaled.jpg 2560w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-300x174.jpg 300w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-1024x595.jpg 1024w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-768x446.jpg 768w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-1536x893.jpg 1536w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-2048x1190.jpg 2048w, https:\/\/www.kadencewp.com\/help-center\/wp-content\/uploads\/sites\/14\/2022\/09\/Kadence-Shop-Kit-\u2039-Cooking-courses-\u2014-WordPress-2025-09-26-at-1.47.04-PM-360x209.jpg 360w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><figcaption>Snackbar Style Notices enable feature<\/figcaption><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Shop Kit includes a feature for snackbar style notices. Snackbar style notices add flair to your WooCommerce notices by providing a &#8220;snackbar&#8221; notice that appears at the bottom of the screen. The notices include the same information as the standard notices provided by WooCommerce. How to Enable Snackbar Style Notices To use snackbar style notices,&#8230;<\/p>\n","protected":false},"author":143301,"featured_media":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"doc_category":[391],"doc_tag":[],"knowledge_base":[9],"class_list":["post-6001","docs","type-docs","status-publish","hentry","doc_category-shop-kit-getting-started","knowledge_base-kadence-shop-kit"],"year_month":"2026-04","word_count":126,"total_views":"3147","reactions":{"happy":"0","normal":"0","sad":"1"},"author_info":{"display_name":"gilberthernandez","author_link":"https:\/\/www.kadencewp.com\/help-center\/author\/gilberthernandez\/"},"doc_category_info":[{"term_name":"Shop Kit Setup","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/shop-kit-getting-started\/"}],"doc_tag_info":[],"knowledge_base_info":[{"term_name":"Kadence Shop Kit","term_url":"https:\/\/www.kadencewp.com\/help-center\/knowledge-base\/kadence-shop-kit\/","term_slug":"kadence-shop-kit"}],"knowledge_base_slug":["kadence-shop-kit"],"taxonomy_info":{"doc_category":[{"value":391,"label":"Shop Kit Setup"}],"knowledge_base":[{"value":9,"label":"Kadence Shop Kit"}]},"featured_image_src_large":false,"comment_info":0,"_links":{"self":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/users\/143301"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/comments?post=6001"}],"version-history":[{"count":7,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6001\/revisions"}],"predecessor-version":[{"id":15160,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/docs\/6001\/revisions\/15160"}],"wp:attachment":[{"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/media?parent=6001"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_category?post=6001"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/doc_tag?post=6001"},{"taxonomy":"knowledge_base","embeddable":true,"href":"https:\/\/www.kadencewp.com\/help-center\/wp-json\/wp\/v2\/knowledge_base?post=6001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}