To create your own notification follow the steps given below :\nGo to Dashboard -> Info Bar icon -> Notification types -> New\/edit entry.\nGive the title to your notification in the Notification name field.\nGive the background color of the infobar and font color of the text in Background Color and Font color field respectively. Just give the color name as blue, red, green etc.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-02.png?rev=811797","caption":"
Click on Save button. You can see the new notification title name in the Entries table.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-03.png?rev=811809","caption":"
In the next step you need to import your notification you have created from Notification types to Notification entries. To do this follow the steps given below.\nGo to Dashboard -> InfoBar -> Notification entries.\nA Notification entries page will appear, you can see the sub-heading Content input under New\/edit entry, give the suitable name to your notification bar in Name field.\nIn the Content text box type the message\/content you want to display on your website. In the next step import the notification you have just created in Notification types.\nYou can see the sub heading Bar type settings under New\/edit entry -> Content input.\nSelect the notification from the drop down list in front of Notification type field.\nIn Bar color give the color name, the background color you want to give to your notification bar.\nIn Font color give the name of the color, you want to show text color of the notification bar.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-04.png?rev=811810","caption":"
Click on Save button. You can see the notification title name listed in an Entries table under the heading Notifications entries. See below the screenshot to get more clear picture in your mind.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-05.png?rev=811811","caption":"
In the next step, visit your website, you can see the required Infobar button up above the fold. See the screenshot below for reference.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-06.png?rev=811813","caption":"
Click on the Infobar button, you can see the sticky rectangular strip with defined text and color gets appear on the front-view, above the fold on your website, highlighting the required information. See below the screenshot.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-07.png?rev=811814","caption":"
If you want to show some mini icon along with the text you can do it in the following manner:\nGo to Dashboard -> Media -> Add New.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-08.png?rev=811815","caption":"
Click on Add New, Update New Media window appears.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-09.png?rev=811816","caption":"
When you will upload the image you can see the icon image on the Upload New Media window, click on the Edit button.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-10.png?rev=811776","caption":"
You will redirect to the Edit Media window, copy the File URL.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-11.png?rev=811778","caption":"
In the next step, insert the File URL.\nGo to Dashboard -> Info Bar -> Notification types.\nBelow the Entries table click on the required notification you want to show the image icon, paste the File URL of the image next to an Icon path field. \nClick on save button.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-12.png?rev=811779","caption":"
You can see the icon with notification under the Entries table.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-13.png?rev=811780","caption":"
Now you can visit the site and see the change.<\/p>"},{"src":"https:\/\/ps.w.org\/infobar\/assets\/screenshot-14.png?rev=811781","caption":"
In Settings you can customize your Infobar in every possible related to setting cookies, changing the height of Infobar button and Infobar height itself.\nGo to Dashboard -> Info Bar -> Settings. A Notification Settings window will appear.<\/p>"}],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/26429","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=26429"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pankajagarwal"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=26429"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}