{"id":78,"date":"2021-07-23T15:39:34","date_gmt":"2021-07-23T15:39:34","guid":{"rendered":"http:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/?p=78"},"modified":"2024-08-09T14:34:03","modified_gmt":"2024-08-09T14:34:03","slug":"counter-notification","status":"publish","type":"post","link":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/","title":{"rendered":"Counter notification"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">Step 1 \u2013 Add a new notification<\/h4>\n\n\n\n<p>By clicking on the&nbsp;<strong>\u201c<\/strong>Add notification<strong>\u201c<\/strong>&nbsp;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>\u2018Counter\u2019<\/strong> notification to show the number of people that have purchased or are watching a certain product.<\/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\/72.counter-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\/72.counter-notification.jpg\" alt=\"Counter notification\" class=\"wp-image-609\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg 1716w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification-300x228.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification-1024x777.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification-768x583.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification-1536x1165.jpg 1536w\" sizes=\"auto, (max-width: 1716px) 100vw, 1716px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 2 \u2013 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\/73.counter-notification-name.jpg\" data-rel=\"lightbox-image-1\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1976\" height=\"902\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name.jpg\" alt=\"Counter notification name\" class=\"wp-image-610\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name.jpg 1976w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name-300x137.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name-1024x467.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name-768x351.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/73.counter-notification-name-1536x701.jpg 1536w\" sizes=\"auto, (max-width: 1976px) 100vw, 1976px\" \/><\/a><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">Step 3 \u2013 Notification content<\/h4>\n\n\n\n<p>First, we start by adding the text of the notification content. As you can see in the example below, you can edit the font, 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\/74.counter-notification-content.jpg\" data-rel=\"lightbox-image-2\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1976\" height=\"902\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content.jpg\" alt=\"Counter notification content\" class=\"wp-image-611\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content.jpg 1976w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content-300x137.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content-1024x467.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content-768x351.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/74.counter-notification-content-1536x701.jpg 1536w\" sizes=\"auto, (max-width: 1976px) 100vw, 1976px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification text:\u00a0<\/strong>from the available editor you can add the text that will be shown in the notification. You can use the <strong>placeholders<\/strong>: %productname% and %number%.<\/li>\n<\/ul>\n\n\n\n<p>You can set the placeholder information in the &#8216;Placeholders&#8217; tab, as explained <a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/placeholders-dummy-info\/#placeholders\">here<\/a>.<\/p>\n\n\n\n<p><em>We decide we want to use the %number% placeholder, to show how many people are watching the product.<\/em><\/p>\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 \u2013 Image options<\/h4>\n\n\n\n<p>Next, we decide to add an image to the notification, by enabling the \u201cAdd image\u201d 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\/75.counter-image-options.jpg\" data-rel=\"lightbox-image-3\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1860\" height=\"1356\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options.jpg\" alt=\"Counter notification image options\" class=\"wp-image-612\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options.jpg 1860w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options-300x219.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options-1024x747.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options-768x560.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/75.counter-image-options-1536x1120.jpg 1536w\" sizes=\"auto, (max-width: 1860px) 100vw, 1860px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification image:<\/strong> select from no image, the product image or upload a custom image.<\/li>\n\n\n\n<li><strong>Image position:\u00a0<\/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: <\/strong>based on the image position, you can configure its alignment.<\/li>\n\n\n\n<li><strong>Notification links to:\u00a0<\/strong>when clicking on the notification, it redirects to:\n<ul class=\"wp-block-list\">\n<li><strong>Nothing \u2013 no link:<\/strong> the notification is not clickable.<\/li>\n\n\n\n<li><strong>The product page:<\/strong> redirect to the product page.<\/li>\n\n\n\n<li><strong>A custom link:<\/strong> add a custom URL to redirect the customer<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p><em>In this example, we choose to show an image on the top left side.<\/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 \u2013 Products to show<\/h4>\n\n\n\n<p>We can decide which products should be included in the notification from the &#8216;Products to show&#8217; tab.<\/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\/76.counter-products-to-show.jpg\" data-rel=\"lightbox-image-4\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2092\" height=\"850\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show.jpg\" alt=\"Counter products to show\" class=\"wp-image-615\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show.jpg 2092w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show-300x122.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show-1024x416.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show-768x312.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show-1536x624.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/76.counter-products-to-show-2048x832.jpg 2048w\" sizes=\"auto, (max-width: 2092px) 100vw, 2092px\" \/><\/a><\/figure>\n\n\n\n<p><strong>Use this notification to randomly promote:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>All products<\/strong><\/li>\n\n\n\n<li><strong>On sale products<\/strong><\/li>\n\n\n\n<li><strong>Featured products<\/strong>&nbsp;(set in <em>WooCommerce &gt; Products<\/em>).<\/li>\n\n\n\n<li><strong>Recent products<\/strong>&nbsp;(latest added products).<\/li>\n\n\n\n<li><strong>Select specific products<\/strong>&nbsp;(select which products to show).<\/li>\n\n\n\n<li><strong>Select specific product categories<\/strong>&nbsp;(select which product categories to show).<\/li>\n<\/ul>\n\n\n\n<p><em>In this example, we select a &#8216;Specific product to show&#8217;, which is the hotel room. This means that the counter notification is only applied to this product.<\/em><\/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\/77.counter-product-options.jpg\" data-rel=\"lightbox-image-5\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1078\" height=\"702\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/77.counter-product-options.jpg\" alt=\"Counter product options\" class=\"wp-image-616\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/77.counter-product-options.jpg 1078w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/77.counter-product-options-300x195.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/77.counter-product-options-1024x667.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/77.counter-product-options-768x500.jpg 768w\" sizes=\"auto, (max-width: 1078px) 100vw, 1078px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Hide out of stock products:\u00a0<\/strong>when activated, it will hide orders made from products that are now out of stock.<\/li>\n\n\n\n<li><strong>Exclude products:\u00a0<\/strong>decide to exclude products and\/or categories from showing in notifications.\n<ul class=\"wp-block-list\">\n<li>Products to exclude<\/li>\n\n\n\n<li>Categories to exclude<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Step 6 \u2013 Style<\/h4>\n\n\n\n<p>Moving on to the \u2018Style\u2019 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\/78.counter-style.jpg\" data-rel=\"lightbox-image-6\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2222\" height=\"1358\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style.jpg\" alt=\"Counter style\" class=\"wp-image-617\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style.jpg 2222w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style-300x183.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style-1024x626.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style-768x469.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style-1536x939.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/78.counter-style-2048x1252.jpg 2048w\" sizes=\"auto, (max-width: 2222px) 100vw, 2222px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Width (px):\u00a0<\/strong>width of the notification.<\/li>\n\n\n\n<li><strong>Background colors:\u00a0<\/strong>default color, and color on hover state.<\/li>\n\n\n\n<li><strong>Add background image:\u00a0<\/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):\u00a0<\/strong>choose to add square or rounded edges (0 for square).<\/li>\n\n\n\n<li><strong>Padding (px):\u00a0<\/strong>\u00a0set the amount of space around the content.<\/li>\n\n\n\n<li><strong>Shadow:\u00a0<\/strong>add 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 \u2013 Display options<\/h4>\n\n\n\n<p>The \u2018Display options<strong>\u2018<\/strong>&nbsp;allow us to override the default options we have set in the general&nbsp;<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-large\"><a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position.jpg\" data-rel=\"lightbox-image-7\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"378\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-1024x378.jpg\" alt=\"Counter display position options\" class=\"wp-image-618\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-1024x378.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-300x111.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-768x283.jpg 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-1536x567.jpg 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/79.counter-display-position-2048x756.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Override default position:&nbsp;<\/strong>decide to change the default position of the notification.<\/li>\n\n\n\n<li><strong>Select a position:&nbsp;<\/strong>decide where on the page to show the notification:\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\/80.counter-display-options.jpg\" data-rel=\"lightbox-image-8\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"1130\" height=\"974\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/80.counter-display-options.jpg\" alt=\"Counter display options\" class=\"wp-image-619\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/80.counter-display-options.jpg 1130w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/80.counter-display-options-300x259.jpg 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/80.counter-display-options-1024x883.jpg 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/80.counter-display-options-768x662.jpg 768w\" sizes=\"auto, (max-width: 1130px) 100vw, 1130px\" \/><\/a><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Override default display options:\u00a0<\/strong>decide to change the default display options for the notification.<\/li>\n\n\n\n<li><strong>Show this notification to:\u00a0<\/strong>show it to all users, only guest users, or only logged-in users.<\/li>\n\n\n\n<li><strong>Additional geolocation filter:<\/strong>\u00a0decide to hide or show notifications to users from certain countries.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><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-9\" 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\" style=\"width:690px;height:auto\" 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>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><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Notification visibility on pages:\u00a0<\/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:\u00a0<\/strong>either show it on all product pages, or decide to show\/hide the notification on selected products pages 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-10\" 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 \u2013 Final result<\/h4>\n\n\n\n<p>On the frontend, the counter 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\/counter-example.png\" data-rel=\"lightbox-image-11\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" width=\"2144\" height=\"1388\" src=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example.png\" alt=\"Counter notification example\" class=\"wp-image-958\" srcset=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example.png 2144w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example-300x194.png 300w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example-1024x663.png 1024w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example-768x497.png 768w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example-1536x994.png 1536w, https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/counter-example-2048x1326.png 2048w\" sizes=\"auto, (max-width: 2144px) 100vw, 2144px\" \/><\/a><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Step 1 \u2013 Add a new notification By clicking on the&nbsp;\u201cAdd notification\u201c&nbsp;button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;\u2018Counter\u2019 notification to show the number of people that have purchased or are watching a certain product. Step 2 \u2013 Notification name &hellip; <a href=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Counter 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-78","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>Counter 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\/counter-notification\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Counter notification - YITH Live Push Notification for WooCommerce\" \/>\n<meta property=\"og:description\" content=\"Step 1 \u2013 Add a new notification By clicking on the&nbsp;\u201cAdd notification\u201c&nbsp;button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;\u2018Counter\u2019 notification to show the number of people that have purchased or are watching a certain product. Step 2 \u2013 Notification name &hellip; Continue reading Counter notification\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/\" \/>\n<meta property=\"og:site_name\" content=\"YITH Live Push Notification for WooCommerce\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-23T15:39:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-08-09T14:34:03+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\/72.counter-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\/counter-notification\/\",\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/\",\"name\":\"Counter 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\/counter-notification\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg\",\"datePublished\":\"2021-07-23T15:39:34+00:00\",\"dateModified\":\"2024-08-09T14:34:03+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\/counter-notification\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/#primaryimage\",\"url\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg\",\"contentUrl\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-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\":\"Counter 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":"Counter 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\/counter-notification\/","og_locale":"en_US","og_type":"article","og_title":"Counter notification - YITH Live Push Notification for WooCommerce","og_description":"Step 1 \u2013 Add a new notification By clicking on the&nbsp;\u201cAdd notification\u201c&nbsp;button, a popup will open allowing us to select the notification we want to create. In this case, we want to add a&nbsp;\u2018Counter\u2019 notification to show the number of people that have purchased or are watching a certain product. Step 2 \u2013 Notification name &hellip; Continue reading Counter notification","og_url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/","og_site_name":"YITH Live Push Notification for WooCommerce","article_published_time":"2021-07-23T15:39:34+00:00","article_modified_time":"2024-08-09T14:34:03+00:00","og_image":[{"url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-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\/counter-notification\/","url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/","name":"Counter 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\/counter-notification\/#primaryimage"},"image":{"@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/#primaryimage"},"thumbnailUrl":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg","datePublished":"2021-07-23T15:39:34+00:00","dateModified":"2024-08-09T14:34:03+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\/counter-notification\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-notification\/#primaryimage","url":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg","contentUrl":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-content\/uploads\/sites\/323\/2024\/08\/72.counter-notification.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/plugin-settings\/create-new-notifications\/counter-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":"Counter 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\/78","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=78"}],"version-history":[{"count":33,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts\/78\/revisions"}],"predecessor-version":[{"id":972,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/posts\/78\/revisions\/972"}],"wp:attachment":[{"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/media?parent=78"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/categories?post=78"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.yithemes.com\/yith-live-push-notifications-for-woocommerce\/wp-json\/wp\/v2\/tags?post=78"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}