{"id":11549,"date":"2021-02-05T17:14:07","date_gmt":"2021-02-05T11:29:07","guid":{"rendered":"https:\/\/docs.blossomthemes.com\/blossom-pin-pro\/configure-header-footer-section\/how-to-configure-top-bar\/"},"modified":"2021-02-05T17:30:17","modified_gmt":"2021-02-05T11:45:17","slug":"how-to-configure-top-bar","status":"publish","type":"docs","link":"https:\/\/docs.blossomthemes.com\/blossom-pin-pro\/configure-header-footer-section\/how-to-configure-top-bar\/","title":{"rendered":"How to Configure Top Bar?"},"content":{"rendered":"\n<p>You can add a notification bar to the top of your site.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"771\" height=\"142\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar1.png\" alt=\"\" class=\"wp-image-11563\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar1.png 771w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar1-300x55.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar1-768x141.png 768w\" sizes=\"(max-width: 771px) 100vw, 771px\" \/><\/figure>\n\n\n\n<p>You can either refer to the video or follow the below instructions.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Create Pinterest Style WordPress Blog in 2021 | Blossom Pin\" width=\"1024\" height=\"576\" src=\"https:\/\/www.youtube.com\/embed\/dvedO4cspEo?start=6568&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to\u00a0<strong>Appearance > Customize > General Settings > Top Bar Settings.<\/strong><\/li><li>Enable the blue button for <strong>Enable Top Bar<\/strong>.<\/li><li>select the <strong>Top bar Type<\/strong>.<\/li><li>If Button Link is selected<ul><li>Enter the text in the <strong>Notification Text<\/strong>.<\/li><li>Enter the text in the <strong>Notification Button Label<\/strong>.<\/li><li>Enter the Link in the <strong>Notification Button Link<\/strong>.<\/li><li>Enable\/ Disable the button for <strong>Enable to open in new window<\/strong>.<\/li><li>Select the color of the Top Bar and the Font on the Top Bar.<\/li><\/ul><\/li><li>Click\u00a0<strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"344\" height=\"565\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar-1.png\" alt=\"\" class=\"wp-image-11562\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar-1.png 344w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2021\/02\/topbar-1-183x300.png 183w\" sizes=\"(max-width: 344px) 100vw, 344px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>If Newsletter is selected.<ul><li>Enter the Shortcode in the <strong>Header Newsletter Shortcode<\/strong><\/li><\/ul><\/li><li>Click&nbsp;<strong>Publish<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"340\" height=\"411\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/07\/newsletterbar.png\" alt=\"\" class=\"wp-image-8590\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/07\/newsletterbar.png 340w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/07\/newsletterbar-248x300.png 248w\" sizes=\"(max-width: 340px) 100vw, 340px\" \/><\/figure>\n\n\n\n<p>To extract the shortcode of the newsletter, you need to have <strong><a rel=\"noreferrer noopener\" href=\"https:\/\/wordpress.org\/plugins\/blossomthemes-email-newsletter\/\" target=\"_blank\">BlossomThemes Email Newsletter plugin<\/a><\/strong> installed and activated for this setting.<\/p>\n\n\n\n<p>You can add a subscription form on the newsletter section of your website from here. To add a newsletter, you need to create a newsletter first and copy &amp; paste the newsletter shortcode.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Creating Newsletters<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>BlossomThemes Email Newsletter &gt; Add New<\/strong><\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"546\" height=\"482\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/create-newsletter.png\" alt=\"\" class=\"wp-image-8032\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/create-newsletter.png 546w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/create-newsletter-300x265.png 300w\" sizes=\"(max-width: 546px) 100vw, 546px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Enter the title for the newsletter.<\/li><li>Select the options on the Field Settings. Select \u201cName and Email\u201d if you want users to enter their Name and Email to subscribe to your newsletters, otherwise select \u201cEmail\u201d.<\/li><li>Enter Name and Email placeholder.<\/li><li>Enter the label for Submit button.<\/li><li>Enter Form note. The note will be displayed below the Title.<\/li><li>From the Appearance Settings, edit the appearance of the newsletter form.<\/li><li>Click on&nbsp;<strong>Publish&nbsp;<\/strong>to create the newsletter<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1301\" height=\"780\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/newsletter1.png\" alt=\"\" class=\"wp-image-8034\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/newsletter1.png 1301w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/newsletter1-300x180.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/newsletter1-1024x614.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/newsletter1-768x460.png 768w\" sizes=\"(max-width: 1301px) 100vw, 1301px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Configuring Newsletters<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>BlossomThemes Email Newsletter &gt; Settings<\/strong><\/li><li>Select the email platform.<\/li><li>Enter the API key of the email platform.<\/li><li>Select the mailing list in the List Id field.<\/li><li>Select whether to display Popup text of Page when a visitor subscribes to your newsletter. If you select popup text, enter the message. If you select page, select the page you want to show.<\/li><li>Click&nbsp;<strong>Save Changes<\/strong>.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Adding Newsletter on the Newsletter section<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Go to&nbsp;<strong>Appearance &gt; Customize &gt; General Settings &gt; Newsletter Settings<\/strong><\/li><li>Enable Newsletter Section. Blue is enabled.<\/li><li>Enter the shortcode of the newsletter form you want to show. You can find the shortcode on the left-hand side of the newsletter.<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1899\" height=\"586\" src=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode.png\" alt=\"\" class=\"wp-image-8035\" srcset=\"https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode.png 1899w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode-300x93.png 300w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode-1024x316.png 1024w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode-768x237.png 768w, https:\/\/docs.blossomthemes.com\/wp-content\/uploads\/2020\/02\/shortcode-1536x474.png 1536w\" sizes=\"(max-width: 1899px) 100vw, 1899px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li>Click&nbsp;<strong>Publish<\/strong>.<\/li><\/ul>\n","protected":false},"excerpt":{"rendered":"<p>You can add a notification bar to the top of your site. You can either refer to the video or follow the below instructions. Go to\u00a0Appearance > Customize > General Settings > Top Bar Settings. Enable the blue button for Enable Top Bar. select the Top bar Type. If Button Link is selected Enter the [&hellip;]<\/p>\n","protected":false},"featured_media":0,"parent":1583,"menu_order":1,"comment_status":"open","ping_status":"closed","template":"","doc_tag":[],"class_list":["post-11549","docs","type-docs","status-publish","hentry"],"comment_count":0,"_links":{"self":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11549"}],"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=11549"}],"version-history":[{"count":0,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/11549\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1583"}],"next":[{"title":"How to Create & Edit Navigation Menu?","link":"https:\/\/docs.blossomthemes.com\/blossom-pin-pro\/configure-header-footer-section\/how-to-create-edit-navigation-menu\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1585"}],"prev":[{"title":"How to Configure Site Title & Tagline?","link":"https:\/\/docs.blossomthemes.com\/blossom-pin-pro\/configure-header-footer-section\/how-to-configure-site-title-tagline\/","href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/docs\/1584"}],"wp:attachment":[{"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/media?parent=11549"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/docs.blossomthemes.com\/wp-json\/wp\/v2\/doc_tag?post=11549"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}