{"id":90118,"date":"2021-10-22T21:37:09","date_gmt":"2021-10-23T01:37:09","guid":{"rendered":"https:\/\/www.inmotionhosting.com\/support\/?p=90118"},"modified":"2021-10-22T21:47:24","modified_gmt":"2021-10-23T01:47:24","slug":"notification-banner","status":"publish","type":"post","link":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/","title":{"rendered":"How to Use the Aino Notification Banner Block Plugin in WordPress"},"content":{"rendered":"<figure class=\"wp-block-image size-large is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"538\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg\" alt=\"\" class=\"wp-image-90119\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-768x403.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block.jpg 1200w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>Occasionally, you may want to alert your viewers of some important information that you want to make sure that they see.\u00a0 One of the best ways to do that is to use a plugin like the <strong>Aino Notification Block<\/strong>. You can set up notifications that pop up and must be dismissed by the website visitor before they can continue.<\/p>\n\n\n\n<p>This article will show you how to set up the Aino Notification Block plugin, create notifications, and the different options that you can apply to them.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"#setup\">Set Up the Aino Notification Banner Block Plugin<\/a><\/li><li><a href=\"#create\">Create Notifications<\/a><\/li><li><a href=\"#options\">Block Notification Options<\/a><\/li><\/ul>\n\n\n\n<p class=\"alert alert-info\">Find a new home for your WordPress site!\u00a0 Check out InMotion\u2019s <a href=\"https:\/\/www.inmotionhosting.com\/wordpress-hosting\">WordPress Hosting<\/a> solutions for a secure and performance-oriented server tailored to meet your budget needs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"setup\">Set up the Aino Notification Banner Block Plugin<\/h2>\n\n\n\n<p>Aino has a set of different plugins and a free theme that you can use to help build WordPress layouts.\u00a0 The <strong>Notification Banner Block <\/strong>plugin does not need the other plugins to be a useful tool for your WordPress site. Follow the directions below to add it to your WordPress site:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Log in to your WordPress Administrator Dashboard<\/a>.<\/li><li>In the main menu at the left-hand side of the screen, click on <strong>Plugins<\/strong>, then <strong>Add New<\/strong>.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"492\" class=\"wp-image-90120\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin.jpg\" alt=\"Click Add New Plugin\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin.jpg 1920w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/click-new-plugin-1536x755.jpg 1536w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>Next, in the Keyword field, type \u201cAino Notification Banner Block.\u201d\u00a0 This will bring up the installation option from WordPress Plugins. Click on <strong>Install Now<\/strong>.<br><br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"481\" class=\"wp-image-90121\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-banner-notification-block-install.jpg\" alt=\"plugin-install-now\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-banner-notification-block-install.jpg 576w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-banner-notification-block-install-300x144.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>After the installation completes, you will see the Install Now button change to <strong>Activate<\/strong>.\u00a0 Click on <strong>Activate<\/strong> to make the plugin active and finish the overall installation.<\/li><\/ol>\n\n\n\n<p>When the installation is complete you will not see an immediate change to your WordPress installation.\u00a0 In order to see where the plugin is affecting your site, you will need to go to the post\/page editor and then look at the blocks you can add.\u00a0 The notification block will be in the <em>Design<\/em> section as you can see by the screenshot below.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-block-in-design.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1008\" height=\"684\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-block-in-design.jpg\" alt=\"Aino Notification block in Design section\" class=\"wp-image-90122\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-block-in-design.jpg 1008w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-block-in-design-300x204.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-block-in-design-768x521.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"create\">Create Notifications<\/h2>\n\n\n\n<p>Creating notifications with the Aino plugin is a very simple process. You will need to be in the post\/page editor to add one. Notifications that you create will help to alert your website visitors to important information. Currently, there are 6 status types of banners that you can create.\u00a0\u00a0<\/p>\n\n\n\n<p>Each banner position is based on where you place the block in your post or page.\u00a0 The status type subtly changes the appearance of the banner with outlines, text, and an icon.\u00a0\u00a0<\/p>\n\n\n\n<p>Each notification is set to close upon clicking on the \u201cX\u201d, but this can be changed so that the notification banner remains visible.<\/p>\n\n\n\n<p>Follow the steps to add a banner notification:<\/p>\n\n\n\n<ol class=\"article_list wp-block-list\"><li><a href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/logging-into-wordpress-dashboard\/\">Log in to the WordPress Admin Dashboard<\/a> (if you\u2019re not already there).<\/li><li>Create a new post\/page, or open an existing one.<\/li><li>To add a new banner notification, click on the + sign to find the block.\u00a0 The <strong>Aino Notification block<\/strong> will be in the <em>Design<\/em> section. Click on the block in the menu and you will see a block appear in the editor.<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"594\" class=\"wp-image-90123\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/add-notification-block.jpg\" alt=\"Add notification block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/add-notification-block.jpg 1347w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/add-notification-block-300x178.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/add-notification-block-1024x608.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/add-notification-block-768x456.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><br><\/li><li>When the block appears, the status will default to the <em>Welcome<\/em> style block.\u00a0 Type in the block to add text to it.\u00a0 Here\u2019s an example of how it may appear:<br><br><img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"569\" class=\"wp-image-90124\" style=\"width: 1000px;\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/block-added-with-welcome.jpg\" alt=\"Add text to notification block\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/block-added-with-welcome.jpg 1153w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/block-added-with-welcome-300x171.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/block-added-with-welcome-1024x583.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/block-added-with-welcome-768x437.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><br><\/li><li>Once you have finished adding the block make sure to save your post or page as a draft or publish it in order to save your changes.<\/li><\/ol>\n\n\n\n<p>The notification block does have several things you can change.\u00a0 We will be describing those options in the next section.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"options\">Block Notification Options<\/h2>\n\n\n\n<p>Like most blocks in the WordPress visual editor, you will see options that can change how a block appears and operates.\u00a0 Here you can see the properties of the welcome block previously added.  These properties will be displayed on the right side of the page.  If you don\u2019t see the properties, click on the gear icon to display them.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><img loading=\"lazy\" decoding=\"async\" width=\"302\" height=\"294\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/status-options.jpg\" alt=\"Notification Status types\" class=\"wp-image-90125\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/status-options.jpg 302w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/status-options-300x292.jpg 300w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/figure>\n\n\n\n<p>The notification block settings may be hidden under the arrow, but you can simply click on the drop-down arrow to expand its properties. The settings under that section include the Status drop-down menu for the 6 different notification types. There are also options to allow the notification to be closed and for the icon to be displayed.<\/p>\n\n\n\n<p>There are also options for <strong>Color<\/strong>, <strong>Border<\/strong>, and <strong>Spacing<\/strong>. There is also an <strong>Advanced<\/strong> section that is part of every block added to the visual editor. The <strong>Advanced <\/strong>section includes fields for an HTML anchor and additional CSS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Status<\/h3>\n\n\n\n<p>The status options include <em>Welcome<\/em>, <em>Info<\/em>, <em>Help<\/em>, <em>Success<\/em>, <em>Warning<\/em>, and <em>Error<\/em>.\u00a0 This screenshot shows how each block appears by default.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed.jpg\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed-1024x503.jpg\" alt=\"Screenshot showing the different notification blocks based on status\" class=\"wp-image-90126\" width=\"1024\" height=\"503\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed-1536x755.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-blocks-displayed.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>When you closely look at a notification banner you will see an icon on the left and an \u201cx\u201d on the right that allows the notification to be closed. The screenshot below shows a closeup of the icon and close options.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-breakdown.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"469\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-breakdown.jpg\" alt=\"location of icon and close option in notification banner\" class=\"wp-image-90127\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-breakdown.jpg 892w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-breakdown-300x158.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/notification-breakdown-768x404.jpg 768w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The icon and the option to close the notification can both be removed from the banner notification using sliders.\u00a0 You can also change the icon from being filled or outlined.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/banner-icon-close-options.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"303\" height=\"366\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/banner-icon-close-options.jpg\" alt=\"Notification Block settings - Status close button, Icon, and Icon style fill.\" class=\"wp-image-90128\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/banner-icon-close-options.jpg 303w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/banner-icon-close-options-248x300.jpg 248w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Colors<\/h3>\n\n\n\n<p><br>The options for color include the function to change the background color, icon color, and border color. Though, as per the earlier screenshot, there are default colors for the six different types of notifications. Colors are typically shown based on the theme colors, but there is also the option to choose a custom color.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options-1024x503.jpg\" alt=\"Color options for notification block\" class=\"wp-image-90129\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options-1536x755.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/color-options.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Borders<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"503\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options-1024x503.jpg\" alt=\"Border options for notification block\" class=\"wp-image-90130\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options-1024x503.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options-300x148.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options-768x378.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options-1536x755.jpg 1536w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/border-options.jpg 1920w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The options for borders include:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Border<\/strong> \u2013 options from this drop-down include none, all, left, right, top, and bottom<\/li><li><strong>Border width<\/strong> \u2013 the width of the border is controlled by a drag-handle, or you can input a value<\/li><li><strong>Border radius<\/strong> \u2013 option is selectable from a drop-down menu and doesn\u2019t affect the visibility of the border. The border radius is about the responsive layouts in terms of how the banner will appear with other elements that get moved towards the banner due to the responsive design<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Padding<\/h2>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options-1024x432.jpg\" alt=\"Padding options\" class=\"wp-image-90131\" srcset=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options-1024x432.jpg 1024w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options-300x126.jpg 300w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options-768x324.jpg 768w, https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/padding-options.jpg 1483w\" sizes=\"auto, (min-width: 1360px) 876px, (min-width: 960px) calc(61.58vw + 51px), calc(100vw - 80px)\" \/><\/a><\/figure>\n\n\n\n<p>The padding affects the space inside the top, right, left, or bottom of the banner notification. Each can be controlled with a slider or you can type in a value.\u00a0\u00a0<\/p>\n\n\n\n<p>This completes our tutorial on using the Aino Notification Banner Block plugin to create notices The plugin allows you to provide text notifications that you want to highlight for your website viewers.\u00a0<br><br><\/p>\n\n\n<div class=\"jumbotron\">\r\n<p>Say goodbye to slow loading times and hello to high-performance websites with our <a href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">WordPress VPS Hosting<\/a> plans. Experience 40x faster WordPress page load speeds on purpose-built servers that guarantee 99.99% uptime.<\/p>\r\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>High-Performance VPS    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Premier Care    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Free SSL &amp; Dedicated IP    <img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/design.inmotionhosting.com\/assets\/icons\/standard\/check-blue.svg\" alt=\"check mark\" width=\"24\" height=\"24\" \/>Advanced Server Caching<\/p>\r\n<p><a class=\"btn btn-primary btn-lg\" href=\"https:\/\/www.inmotionhosting.com\/vps-hosting\/wordpress?mktgp=t&irgwc=1&affiliates=5001860&utm_campaign=Jumbotron&utm_source=supportcenter&utm_medium=cta&utm_term=wp-cta2\">Managed WordPress VPS<\/a><\/p>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Occasionally, you may want to alert your viewers of some important information that you want to make sure that they see.\u00a0 One of the best ways to do that is to use a plugin like the Aino Notification Block. You can set up notifications that pop up and must be dismissed by the website visitor<a class=\"moretag\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\"> Read More ><\/a><\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[4379],"tags":[],"class_list":["post-90118","post","type-post","status-publish","format-standard","hentry","category-plugins"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting\" \/>\n<meta property=\"og:description\" content=\"Occasionally, you may want to alert your viewers of some important information that you want to make sure that they see.\u00a0 One of the best ways to do that is to use a plugin like the Aino Notification Block. You can set up notifications that pop up and must be dismissed by the website visitor Read More &gt;\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\" \/>\n<meta property=\"og:site_name\" content=\"InMotion Hosting Support Center\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/inmotionhosting\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-10-23T01:37:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-10-23T01:47:24+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg\" \/>\n<meta name=\"author\" content=\"InMotion Hosting Contributor\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@https:\/\/twitter.com\/InMotionHosting\" \/>\n<meta name=\"twitter:site\" content=\"@InMotionHosting\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"InMotion Hosting Contributor\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\"},\"author\":{\"name\":\"InMotion Hosting Contributor\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\"},\"headline\":\"How to Use the Aino Notification Banner Block Plugin in WordPress\",\"datePublished\":\"2021-10-23T01:37:09+00:00\",\"dateModified\":\"2021-10-23T01:47:24+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\"},\"wordCount\":1056,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg\",\"articleSection\":[\"WordPress Plugins\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\",\"name\":\"How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting\",\"isPartOf\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg\",\"datePublished\":\"2021-10-23T01:37:09+00:00\",\"dateModified\":\"2021-10-23T01:47:24+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block.jpg\",\"width\":1200,\"height\":630,\"caption\":\"How to Use Aino Notification Banner Block\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.inmotionhosting.com\/support\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Use the Aino Notification Banner Block Plugin in WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#website\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"name\":\"InMotion Hosting Support Center\",\"description\":\"Web Hosting Support &amp; Tutorials\",\"publisher\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#organization\",\"name\":\"InMotion Hosting\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"contentUrl\":\"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg\",\"width\":696,\"height\":696,\"caption\":\"InMotion Hosting\"},\"image\":{\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/inmotionhosting\/\",\"https:\/\/x.com\/InMotionHosting\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b\",\"name\":\"InMotion Hosting Contributor\",\"description\":\"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!\",\"sameAs\":[\"https:\/\/www.linkedin.com\/company\/inmotion-hosting\/\",\"https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting\"],\"url\":\"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/","og_locale":"en_US","og_type":"article","og_title":"How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting","og_description":"Occasionally, you may want to alert your viewers of some important information that you want to make sure that they see.\u00a0 One of the best ways to do that is to use a plugin like the Aino Notification Block. You can set up notifications that pop up and must be dismissed by the website visitor Read More >","og_url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/","og_site_name":"InMotion Hosting Support Center","article_publisher":"https:\/\/www.facebook.com\/inmotionhosting\/","article_published_time":"2021-10-23T01:37:09+00:00","article_modified_time":"2021-10-23T01:47:24+00:00","og_image":[{"url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg","type":"","width":"","height":""}],"author":"InMotion Hosting Contributor","twitter_card":"summary_large_image","twitter_creator":"@https:\/\/twitter.com\/InMotionHosting","twitter_site":"@InMotionHosting","twitter_misc":{"Written by":"InMotion Hosting Contributor","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#article","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/"},"author":{"name":"InMotion Hosting Contributor","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b"},"headline":"How to Use the Aino Notification Banner Block Plugin in WordPress","datePublished":"2021-10-23T01:37:09+00:00","dateModified":"2021-10-23T01:47:24+00:00","mainEntityOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/"},"wordCount":1056,"commentCount":0,"publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg","articleSection":["WordPress Plugins"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/","url":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/","name":"How to Use the Aino Notification Banner Block Plugin in WordPress | InMotion Hosting","isPartOf":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage"},"thumbnailUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block-1024x538.jpg","datePublished":"2021-10-23T01:37:09+00:00","dateModified":"2021-10-23T01:47:24+00:00","breadcrumb":{"@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#primaryimage","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2021\/10\/aino-notificaton-block.jpg","width":1200,"height":630,"caption":"How to Use Aino Notification Banner Block"},{"@type":"BreadcrumbList","@id":"https:\/\/www.inmotionhosting.com\/support\/edu\/wordpress\/plugins\/notification-banner\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.inmotionhosting.com\/support\/"},{"@type":"ListItem","position":2,"name":"How to Use the Aino Notification Banner Block Plugin in WordPress"}]},{"@type":"WebSite","@id":"https:\/\/www.inmotionhosting.com\/support\/#website","url":"https:\/\/www.inmotionhosting.com\/support\/","name":"InMotion Hosting Support Center","description":"Web Hosting Support &amp; Tutorials","publisher":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.inmotionhosting.com\/support\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.inmotionhosting.com\/support\/#organization","name":"InMotion Hosting","url":"https:\/\/www.inmotionhosting.com\/support\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/","url":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","contentUrl":"https:\/\/www.inmotionhosting.com\/support\/wp-content\/uploads\/2023\/02\/inmotion-hosting-logo-yoast.jpg","width":696,"height":696,"caption":"InMotion Hosting"},"image":{"@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/inmotionhosting\/","https:\/\/x.com\/InMotionHosting"]},{"@type":"Person","@id":"https:\/\/www.inmotionhosting.com\/support\/#\/schema\/person\/8d626175dd3b70ee90a172bdb09a460b","name":"InMotion Hosting Contributor","description":"InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!","sameAs":["https:\/\/www.linkedin.com\/company\/inmotion-hosting\/","https:\/\/x.com\/https:\/\/twitter.com\/InMotionHosting"],"url":"https:\/\/www.inmotionhosting.com\/support\/author\/arn\/"}]}},"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"primary_category":null,"_links":{"self":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/90118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/comments?post=90118"}],"version-history":[{"count":6,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/90118\/revisions"}],"predecessor-version":[{"id":90141,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/posts\/90118\/revisions\/90141"}],"wp:attachment":[{"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/media?parent=90118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/categories?post=90118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.inmotionhosting.com\/support\/wp-json\/wp\/v2\/tags?post=90118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}