{"id":14968,"date":"2023-12-18T09:47:44","date_gmt":"2023-12-18T09:47:44","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=14968"},"modified":"2023-12-18T09:47:46","modified_gmt":"2023-12-18T09:47:46","password":"","slug":"woocommerce-growth-alert","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/vi\/docs\/woocommerce-growth-alert\/","title":{"rendered":"How To Display WooCommerce Growth Alerts With NotificationX?"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/notificationx.com\/vi\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>CHUY\u00caN NGHI\u1ec6P NotificationX<\/strong><\/a> cho ph\u00e9p b\u1ea1n hi\u1ec3n th\u1ecb <strong>WooCommerce Growth Alerts<\/strong> for products on your online store. It helps you show WooCommerce product sales count, stock-out alerts, and more.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How To Display WooCommerce Growth Alerts With NotificationX?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before getting started, you need to have <a href=\"https:\/\/woo.com\/document\/installing-uninstalling-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce installed and activated<\/strong><\/a> on your website to use this feature. Follow this step-by-step guide below to learn how to display WooCommerce Growth Alerts for products.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">B\u01b0\u1edbc 1: Th\u00eam th\u00f4ng b\u00e1o m\u1edbi<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Chuy\u1ec3n \u0111\u1ebfn B\u1ea3ng \u0111i\u1ec1u khi\u1ec3n WordPress c\u1ee7a b\u1ea1n v\u00e0 \u0111i\u1ec1u h\u01b0\u1edbng \u0111\u1ebfn <strong>wp-admin &#8211;&gt; NotificationX<\/strong>. Then, right at the top, click on <strong>\u2018Add New<\/strong>&#039;.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1349\" height=\"655\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4.png\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14969\" title=\"How to Use 'Sales Notification' in NotificationX? 1\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4.png 1349w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4-300x146.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4-1024x497.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4-768x373.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-4-360x175.png 360w\" sizes=\"(max-width: 1349px) 100vw, 1349px\"  loading=\"eager\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select Notification Source<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sau khi ho\u00e0n th\u00e0nh b\u01b0\u1edbc 1, b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn <strong>&#039;Ngu\u1ed3n&#039; <\/strong>Trang tab c\u1ee7a NotificationX c\u1ee7a b\u1ea1n. B\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u0111\u1eb7t m\u1ed9t ti\u00eau \u0111\u1ec1. S\u1eed d\u1ee5ng menu th\u1ea3 xu\u1ed1ng \u0111\u1ec3 ch\u1ecdn <strong>&#039;Th\u01b0\u01a1ng m\u1ea1i \u0111i\u1ec7n t\u1eed&#039;<\/strong> nh\u01b0 lo\u1ea1i th\u00f4ng b\u00e1o c\u1ee7a b\u1ea1n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop down and choose <strong>&#039;C\u1ea3nh b\u00e1o t\u0103ng tr\u01b0\u1edfng&#039;<\/strong> from the \u2018Source\u2019 options to choose your preferred notification type. There are also options to choose \u2018<strong>Th\u00f4ng b\u00e1o b\u00e1n h\u00e0ng<\/strong>&#039; v\u00e0 &#039;<strong>Nh\u1eadn x\u00e9t<\/strong>\u2019 to display those alerts for your WooCommerce store. Afterward, go ahead &amp; click on the \u2018<strong>K\u1ebf ti\u1ebfp<\/strong>\u2019 Button.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display WooCommerce Growth Alerts With NotificationX? 2\" decoding=\"async\" width=\"1600\" height=\"728\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-12.gif\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14970\" loading=\"eager\" fetchpriority=\"high\"\/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize The Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">T\u1eeb &#039;<strong>Thi\u1ebft k\u1ebf<\/strong>\u2019 tab, you can choose a layout and have the flexibility to use the \u2018<strong>Thi\u1ebft k\u1ebf ti\u00ean ti\u1ebfn<\/strong>\u2019 option to customize it according to your preference. From the<strong> &#039;Ch\u1ee7 \u0111\u1ec1&#039; <\/strong>section, the chosen layout is how the growth notification will be displayed on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize your chosen Theme through the \u2018Advanced Design\u2019 option. You can easily add styling to your design, image appearance, and typography from this section. You can add a Background or Text color for the notification popup. Besides you can also add a Border and add styling to it.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display WooCommerce Growth Alerts With NotificationX? 3\" decoding=\"async\" width=\"1600\" height=\"730\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-13.gif\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14971\" loading=\"lazy\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#039;Xu\u1ea5t hi\u1ec7n h\u00ecnh \u1ea3nh&#039;<\/strong> section lets you change the \u2018Image Shape\u2019 to out of these three: Rounded, Circle &amp; Square. You can also use the drop-down menu \u2018Position\u2019 to change the position of the image: Left or Right. Basically, this consists of Three rows. From \u2018Typography\u2019 section, you can change the Font Size for each row as well.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Modify Notification Content<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Sau \u0111\u00f3 b\u1ea1n s\u1ebd \u0111\u01b0\u1ee3c chuy\u1ec3n h\u01b0\u1edbng \u0111\u1ebfn<strong> &#039;N\u1ed9i dung&#039;<\/strong> tab, where you can modify your <strong>&#039;M\u1eabu th\u00f4ng b\u00e1o&#039; <\/strong>and add your preferred content text. These settings vary depending on the notification type you are working with.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display WooCommerce Growth Alerts With NotificationX? 4\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"725\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-14.gif\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14972\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">\u01afu \u0111\u00e3i NotificationX<strong> M\u1ed9t <\/strong>\u2018Notification Template\u2019 for your Content. You can easily go ahead and choose your preferred variables. These variables help display the user&#8217;s name who has purchased a specific product within a certain time interval. You can also add your text, which will appear in the notification popup.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Publish The Notification<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After you have completed step 4, click on the <strong>&#039;C\u00f4ng b\u1ed1&#039;<\/strong> c\u00e1i n\u00fat.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display WooCommerce Growth Alerts With NotificationX? 5\" loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"756\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5.png\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14973\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-300x142.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-1024x484.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-768x363.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-1536x726.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-5-360x170.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">As a result, the growth notification will be successfully created. By following these steps and slightly modifying &amp; styling, your final outcome would look like this.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img title=\"How To Display WooCommerce Growth Alerts With NotificationX? 6\" loading=\"lazy\" decoding=\"async\" width=\"1198\" height=\"914\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-15.gif\" alt=\"WooCommerce Growth Alerts\" class=\"wp-image-14974\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is how you can easily design and display appealing<strong> \u2018WooCommerce Growth Alerts\u2019 <\/strong>for products<strong> <\/strong>tr\u00ean trang web WordPress c\u1ee7a b\u1ea1n b\u1eb1ng NotificationX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">N\u1ebfu b\u1ea1n g\u1eb7p ph\u1ea3i b\u1ea5t k\u1ef3 v\u1ea5n \u0111\u1ec1 n\u00e0o, b\u1ea1n c\u00f3 th\u1ec3 li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i <a href=\"https:\/\/notificationx.com\/vi\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Nh\u00f3m h\u1ed7 tr\u1ee3<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Transform your store with NotificationX! Follow our easy steps to design and display eye-catching WooCommerce Growth Alerts for products and elevate your online presence.<\/p>","protected":false},"author":28,"featured_media":14970,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_templately_pack_id":"","_templately_imported_at":"","_templately_source":"","_templately_import_session_id":"","_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"rankmath","_thinkrank_focus_keywords":["WooCommerce Growth Alerts","Advanced Design","notificationpopup","notification template"],"_thinkrank_focus_keyword":"WooCommerce Growth Alerts","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"_analytify_skip_tracking":false,"_xspeed_no_cache":false,"_xspeed_expiry_hours":0,"footnotes":""},"doc_category":[163],"doc_tag":[160,155,161,162,278],"class_list":["post-14968","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-setup-integrations","doc_tag-fomo","doc_tag-fomo-notification","doc_tag-sales-notification","doc_tag-sales-popup","doc_tag-woocommerce"],"year_month":"2026-09","word_count":488,"total_views":"20320","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/vi\/blog\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/vi\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/fomo-notification\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/sales-popup\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/vi\/docs-tag\/woocommerce\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/14968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/14968\/revisions"}],"predecessor-version":[{"id":15012,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/docs\/14968\/revisions\/15012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media\/14970"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/media?parent=14968"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_category?post=14968"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/vi\/wp-json\/wp\/v2\/doc_tag?post=14968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}