{"id":39,"date":"2019-04-04T07:57:14","date_gmt":"2019-04-04T07:57:14","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/docs\/blossom-feminine-pro\/homepage-settings\/how-to-configure-notification-bar-on-homepage\/"},"modified":"2021-02-05T18:16:54","modified_gmt":"2021-02-05T12:31:54","slug":"how-to-configure-notification-bar-on-homepage","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-feminine-pro\/homepage-settings\/how-to-configure-notification-bar-on-homepage\/","title":{"rendered":"How to Configure Notification Bar on Homepage?"},"content":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Feminine Pro theme.<\/p>\n<p><iframe loading=\"lazy\" title=\"How To Create a Fashion\/Lifestyle\/Beauty\/Journal\/Food Blog| Step-by-Step Tutorial | Blossom Feminine\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/2KJL1v4Bk0s?start=7161&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/p>\n<p>You can enable or disable the notification bar (message bar) to display some important message. The bar will be displayed at the top of your website.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-178\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Notfication-bar-blossom-feminine-pro.png\" alt=\"Notfication bar blossom feminine pro\" width=\"1309\" height=\"825\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Notfication-bar-blossom-feminine-pro.png 1309w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Notfication-bar-blossom-feminine-pro-300x189.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Notfication-bar-blossom-feminine-pro-768x484.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/Notfication-bar-blossom-feminine-pro-1024x645.png 1024w\" sizes=\"(max-width: 1309px) 100vw, 1309px\" \/><\/p>\n<p>Please follow the below steps to configure the notification bar<\/p>\n<ul>\n<li>Go to <strong>Appearance &gt; Customize &gt; General Settings &gt; Notification Bar Settings.<\/strong><\/li>\n<li><strong>Enable<\/strong> <strong>Notification Bar<\/strong>. Blue is enabled.<\/li>\n<li>You can either add a <strong>Button Link<\/strong> or add a <strong>Newsletter<\/strong> in the top bar.<\/li>\n<li>If you choose <strong>Button Link<\/strong> option, add the <strong>Notification Text<\/strong>, <strong>Notification Button Label<\/strong>, and <strong>Notification Button Link<\/strong>. The Notification label won&#8217;t appear until you add the Button link.<\/li>\n<li><strong>Enable to open in a new window<\/strong> to open the link in the new window.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7059\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-button-link.png\" alt=\"notification button link\" width=\"297\" height=\"658\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-button-link.png 297w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-button-link-135x300.png 135w\" sizes=\"(max-width: 297px) 100vw, 297px\" \/><\/p>\n<ul>\n<li>If you choose <strong>Newsletter<\/strong> option, enter the shortcode in the Header Newsletter Shortcode. You can get the newsletter shortcode while creating a newsletter via <strong>BlossomThemes Email Newsletter &gt;Add New.<\/strong><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-7060\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-bar-newsletter.png\" alt=\"notification bar newsletter\" width=\"299\" height=\"661\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-bar-newsletter.png 299w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2019\/04\/notification-bar-newsletter-136x300.png 136w\" sizes=\"(max-width: 299px) 100vw, 299px\" \/><\/p>\n<ul>\n<li>Click <strong>Publish.<\/strong><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can either follow the video or the below steps to configure this section in the Blossom Feminine Pro theme. You can enable or disable the notification bar (message bar) to display some important message. The bar will be displayed at the top of your website. Please follow the below steps to configure the notification [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":33,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-39","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/39"}],"collection":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/types\/docs"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/comments?post=39"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/39\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/33"}],"prev":[{"title":"How to Configure Featured Area Section?","link":"https:\/\/docs.blossomthemes.com\/blossom-feminine-pro\/homepage-settings\/how-to-configure-featured-area-section\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/35"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=39"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=39"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}