{"id":68,"date":"2021-07-23T15:38:12","date_gmt":"2021-07-23T15:38:12","guid":{"rendered":"http:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/?p=68"},"modified":"2024-08-09T13:18:13","modified_gmt":"2024-08-09T13:18:13","slug":"simple-notification","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/","title":{"rendered":"Simple notification"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Step 1 &#8211; Add a new notification<\/h4>\n\n\n\n<p>By clicking on the&nbsp;<strong>&#8220;<\/strong>Add notification<strong>&#8220;<\/strong> button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;<strong>Simple<\/strong> notification for &#8216;free shipping&#8217;.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\" data-rel=\"lightbox-image-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1716\" height=\"1302\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\" alt=\"Simple notification\" class=\"wp-image-471\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg 1716w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification-300x228.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification-1024x777.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification-768x583.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification-1536x1165.jpg 1536w\" sizes=\"auto, (max-width: 1716px) 100vw, 1716px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2 &#8211; Notification name<\/h4>\n\n\n\n<p>The name you add here is for admin view only. The customer will not see this name, this is simply the title you give to the notification and it is a mandatory field.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2070\" height=\"1152\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name.jpg\" alt=\"Simple notification name\" class=\"wp-image-472\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name.jpg 2070w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name-300x167.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name-1024x570.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name-768x427.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name-1536x855.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/22.simple-notification-name-2048x1140.jpg 2048w\" sizes=\"auto, (max-width: 2070px) 100vw, 2070px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3 &#8211; Notification content<\/h4>\n\n\n\n<p>First, we start by adding the text of the notification from the &#8216;Content&#8217; tab. As you can see in the example below, you can edit the font, the size, etc.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2070\" height=\"1152\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content.jpg\" alt=\"Simple notification text content\" class=\"wp-image-473\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content.jpg 2070w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content-300x167.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content-1024x570.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content-768x427.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content-1536x855.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/23.simple-notification-content-2048x1140.jpg 2048w\" sizes=\"auto, (max-width: 2070px) 100vw, 2070px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification text:<\/strong> from the available editor you can add the text that will be shown in the notification.<\/li>\n<\/ul>\n\n\n\n<p><em>On the right side, you see a preview of the notification you are creating in real time. It changes dynamically as you are editing the notification.<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 4 &#8211; Image options<\/h4>\n\n\n\n<p>Now we decide to add a custom image to the notification, by enabling the &#8220;Add image&#8221; option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2086\" height=\"1356\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image.jpg\" alt=\"Simple notification image\" class=\"wp-image-475\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image.jpg 2086w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image-300x195.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image-1024x666.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image-768x499.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image-1536x998.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/24.simple-notification-image-2048x1331.jpg 2048w\" sizes=\"auto, (max-width: 2086px) 100vw, 2086px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Upload image:<\/strong> choose an image to upload.<\/li>\n\n\n\n<li><strong>Image position:&nbsp;<\/strong>select the position of the image based on the text (above it, to the left, to the right or under it).<\/li>\n\n\n\n<li><strong>Image alignment:&nbsp;<\/strong>based on the image position, you can configure its alignment.<\/li>\n<\/ul>\n\n\n\n<p><em>In this example, we choose to show an image on the top left side.&nbsp;<\/em><\/p>\n\n\n\n<p class=\"is-style-alert-info\">For more information on the image position and alignment, check&nbsp;<a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/image-position-and-alignment-examples\/\">this page<\/a>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 5 &#8211; Button options<\/h4>\n\n\n\n<p>Now we decide to add a button to &#8216;Read more&#8217; about the conditions of the free shipping. You have to activate the dedicated option.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2106\" height=\"1272\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button.jpg\" alt=\"Simple notification button\" class=\"wp-image-477\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button.jpg 2106w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button-300x181.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button-1024x618.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button-768x464.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button-1536x928.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/25.simple-notification-button-2048x1237.jpg 2048w\" sizes=\"auto, (max-width: 2106px) 100vw, 2106px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Button text:&nbsp;<\/strong>add the label you want to show on the button.<\/li>\n\n\n\n<li><strong>Button colors:&nbsp;<\/strong>set the colors for the button text and background.<\/li>\n\n\n\n<li><strong>Border radius (px):&nbsp;<\/strong>decide to have square or rounded edges (0 for square).<\/li>\n\n\n\n<li><strong>Button URL:&nbsp;<\/strong>add the URL to which you can redirect the customer when clicking on the button.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Step 6 &#8211; Style<\/h4>\n\n\n\n<p>Moving on to the &#8216;Style<strong>&#8216;<\/strong> tab where we can manage the colors, padding, background, etc. of the notification.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2200\" height=\"1358\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style.jpg\" alt=\"Simple notification style\" class=\"wp-image-481\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style.jpg 2200w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-300x185.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-1024x632.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-768x474.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-1536x948.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-2048x1264.jpg 2048w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/026.simple-notification-style-825x510.jpg 825w\" sizes=\"auto, (max-width: 2200px) 100vw, 2200px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width (px):&nbsp;<\/strong>width of the notification.<\/li>\n\n\n\n<li><strong>Background colors:&nbsp;<\/strong>default color, and color on hover state.<\/li>\n\n\n\n<li><strong>Add background image:&nbsp;<\/strong>decide to show and upload a custom image as a background, instead of a color.<\/li>\n\n\n\n<li><strong>Border radius (px):&nbsp;<\/strong>choose to add square or rounded edges (0 for square).<\/li>\n\n\n\n<li><strong>Padding (px): <\/strong>set the amount of space around the content.<\/li>\n\n\n\n<li><strong>Shadow:&nbsp;<\/strong>sdd a shadow color to the notification.<\/li>\n<\/ul>\n\n\n\n<p><em>Again, on the right-hand side, you can see the changes you apply directly in the preview.<\/em><\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Step 7 &#8211; Display options<\/h4>\n\n\n\n<p>The &#8216;Display options<strong>&#8216;<\/strong> allow us to override the default options we have set in the general <strong><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/display-settings\/display-options\/\">Display settings<\/a><\/strong>, regarding how the notification is displayed to the user in the frontend page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2208\" height=\"808\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position.jpg\" alt=\"Override default position\" class=\"wp-image-485\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position.jpg 2208w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position-300x110.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position-1024x375.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position-768x281.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position-1536x562.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/27.display-options-position-2048x749.jpg 2048w\" sizes=\"auto, (max-width: 2208px) 100vw, 2208px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Override default position:&nbsp;<\/strong>enable this option if you want to override the default position of the notification.<\/li>\n\n\n\n<li><strong>Select a position: <\/strong>decide in which position on the page the notification pops up:\n<ul class=\"wp-block-list\">\n<li>Top left<\/li>\n\n\n\n<li>Top right<\/li>\n\n\n\n<li>Bottom left<\/li>\n\n\n\n<li>Bottom right<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1084\" height=\"1072\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options.jpg\" alt=\"Override default display options\" class=\"wp-image-820\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options.jpg 1084w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options-300x297.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options-1024x1013.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/106.override-display-options-768x759.jpg 768w\" sizes=\"auto, (max-width: 1084px) 100vw, 1084px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Override default display options:&nbsp;<\/strong>enable to override the default display options for the notification.<\/li>\n\n\n\n<li><strong>Show this notification to:&nbsp;<\/strong>you can choose which users can see the notification. You can choose to all users, only guest users, or only logged-in users.<\/li>\n\n\n\n<li><strong>Additional geolocation filter:<\/strong> decide to hide or show notifications to users from certain countries.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1152\" height=\"406\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter.jpg\" alt=\"Additional geolocation filter\" class=\"wp-image-554\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter.jpg 1152w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter-300x106.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter-1024x361.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/029.additional-geolocation-filter-768x271.jpg 768w\" sizes=\"auto, (max-width: 1152px) 100vw, 1152px\" \/><\/a><\/figure>\n\n\n\n<p class=\"is-style-default\"><em><em>For example, we want to show this notification to users from Spain, even though these users do not see notifications by default because we have excluded that country in the general &#8220;Display Options&#8221; settings.<\/em>&nbsp;<\/em><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification visibility on pages:&nbsp;<\/strong>decide to show the notification on all pages or show\/hide it only on specific pages.<\/li>\n\n\n\n<li><strong>Notification visibility on product pages: <\/strong>either show it on all product pages, or decide to show\/hide the notification on selected products or categories.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules.jpg\" data-rel=\"lightbox-image-9\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1078\" height=\"974\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules.jpg\" alt=\"Override default display visibility rules\" class=\"wp-image-490\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules.jpg 1078w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules-300x271.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules-1024x925.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/30.override-visibility-rules-768x694.jpg 768w\" sizes=\"auto, (max-width: 1078px) 100vw, 1078px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 8 &#8211; Final result<\/h4>\n\n\n\n<p>On the frontend, the notification would look like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example.jpg\" data-rel=\"lightbox-image-10\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2024\" height=\"1400\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example.jpg\" alt=\"Simple notification example\" class=\"wp-image-943\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example.jpg 2024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example-300x208.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example-1024x708.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example-768x531.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/simple-notification-example-1536x1062.jpg 1536w\" sizes=\"auto, (max-width: 2024px) 100vw, 2024px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Step 1 &#8211; Add a new notification By clicking on the&nbsp;&#8220;Add notification&#8220; button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;Simple notification for &#8216;free shipping&#8217;. Step 2 &#8211; Notification name The name you add here is for admin view only. The &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Simple notification<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[11],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-create-new-notifications"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.8.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Simple notification - YITH Live Push Notification for WooCommerce<\/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:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Simple notification - YITH Live Push Notification for WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Step 1 &#8211; Add a new notification By clicking on the&nbsp;&#8220;Add notification&#8220; button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;Simple notification for &#8216;free shipping&#8217;. Step 2 &#8211; Notification name The name you add here is for admin view only. The &hellip; Continue reading Simple notification\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Live Push Notification for WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-23T15:38:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-09T13:18:13+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\" \/>\n<meta name=\"author\" content=\"francgrasso\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"francgrasso\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\",\"name\":\"Simple notification - YITH Live Push Notification for WooCommerce\",\"isPartOf\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\",\"datePublished\":\"2021-07-23T15:38:12+00:00\",\"dateModified\":\"2024-08-09T13:18:13+00:00\",\"author\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/2942c5a68785e594ba5a5a6f6d7e5fbc\"},\"breadcrumb\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Simple notification\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#website\",\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/\",\"name\":\"YITH Live Push Notification for WooCommerce\",\"description\":\"Plugin documentation\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/2942c5a68785e594ba5a5a6f6d7e5fbc\",\"name\":\"francgrasso\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9d1024f36f1f66ab9c3ae20ad0b35d52?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9d1024f36f1f66ab9c3ae20ad0b35d52?s=96&d=mm&r=g\",\"caption\":\"francgrasso\"},\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/author\/francgrasso\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Simple notification - YITH Live Push Notification for WooCommerce","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:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/","og_locale":"en_US","og_type":"article","og_title":"Simple notification - YITH Live Push Notification for WooCommerce","og_description":"Step 1 &#8211; Add a new notification By clicking on the&nbsp;&#8220;Add notification&#8220; button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;Simple notification for &#8216;free shipping&#8217;. Step 2 &#8211; Notification name The name you add here is for admin view only. The &hellip; Continue reading Simple notification","og_url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/","og_site_name":"YITH Live Push Notification for WooCommerce","article_published_time":"2021-07-23T15:38:12+00:00","article_modified_time":"2024-08-09T13:18:13+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg","type":"","width":"","height":""}],"author":"francgrasso","twitter_card":"summary_large_image","twitter_misc":{"Written by":"francgrasso","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/","url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/","name":"Simple notification - YITH Live Push Notification for WooCommerce","isPartOf":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#website"},"primaryImageOfPage":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg","datePublished":"2021-07-23T15:38:12+00:00","dateModified":"2024-08-09T13:18:13+00:00","author":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/2942c5a68785e594ba5a5a6f6d7e5fbc"},"breadcrumb":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/21.simple-notification.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/simple-notification\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/"},{"@type":"ListItem","position":2,"name":"Simple notification"}]},{"@type":"WebSite","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#website","url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/","name":"YITH Live Push Notification for WooCommerce","description":"Plugin documentation","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/2942c5a68785e594ba5a5a6f6d7e5fbc","name":"francgrasso","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9d1024f36f1f66ab9c3ae20ad0b35d52?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9d1024f36f1f66ab9c3ae20ad0b35d52?s=96&d=mm&r=g","caption":"francgrasso"},"url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/author\/francgrasso\/"}]}},"_links":{"self":[{"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":44,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"predecessor-version":[{"id":944,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts\/68\/revisions\/944"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}