{"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\/zh\/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\/zh\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>NotificationX PRO<\/strong><\/a> \u5141\u8bb8\u60a8\u663e\u793a <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\">\u7b2c 1 \u6b65\uff1a\u6dfb\u52a0\u65b0\u901a\u77e5<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">\u8f6c\u5230WordPress\u4eea\u8868\u677f\u5e76\u5bfc\u822a\u81f3 <strong>wp-admin &#8211;&gt; NotificationX<\/strong>. Then, right at the top, click on <strong>\u2018Add New<\/strong>&#039;\u3002<\/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\">\u5b8c\u6210\u7b2c1\u6b65\u540e\uff0c\u60a8\u5c06\u88ab\u91cd\u5b9a\u5411\u5230 <strong>&#039;\u8d44\u6e90&#039; <\/strong>NotificationX\u7684\u6807\u7b7e\u9875\u3002\u60a8\u8fd8\u53ef\u4ee5\u653e\u7f6e\u6807\u9898\u3002\u4f7f\u7528\u4e0b\u62c9\u83dc\u5355\u9009\u62e9 <strong>\u201c WooCommerce\u201d<\/strong> \u4f5c\u4e3a\u60a8\u7684\u901a\u77e5\u7c7b\u578b\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop down and choose <strong>\u201c\u6210\u957f\u8b66\u62a5\u201d<\/strong> from the \u2018Source\u2019 options to choose your preferred notification type. There are also options to choose \u2018<strong>\u9500\u552e\u901a\u77e5<\/strong>&#039; \u548c &#039;<strong>\u8bc4\u8bba<\/strong>\u2019 to display those alerts for your WooCommerce store. Afterward, go ahead &amp; click on the \u2018<strong>\u4e0b\u4e00\u4e2a<\/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\">\u6765\u81ea &#039;<strong>\u8bbe\u8ba1<\/strong>\u2019 tab, you can choose a layout and have the flexibility to use the \u2018<strong>\u8fdb\u9636\u8bbe\u8ba1<\/strong>\u2019 option to customize it according to your preference. From the<strong> &#039;\u4e3b\u9898&#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>\u201c\u56fe\u50cf\u5916\u89c2\u201d<\/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\">\u7136\u540e\uff0c\u60a8\u5c06\u88ab\u91cd\u5b9a\u5411\u5230<strong> &#039;\u5185\u5bb9&#039;<\/strong> tab, where you can modify your <strong>\u201c\u901a\u77e5\u6a21\u677f\u201d <\/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\">NotificationX\u63d0\u4f9b<strong> \u4e00\u4e2a <\/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;\u53d1\u5e03&#039;<\/strong> \u6309\u94ae\u3002<\/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>\u5728\u60a8\u7684WordPress\u7f51\u7ad9\u4e0a\u4f7f\u7528NotificationX\u3002<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u5982\u679c\u60a8\u9047\u5230\u4efb\u4f55\u95ee\u9898\uff0c\u53ef\u4ee5\u8054\u7cfb\u6211\u4eec <a href=\"https:\/\/notificationx.com\/zh\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>\u652f\u6301\u56e2\u961f<\/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\/zh\/blog\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/zh\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/zh\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/zh\/docs-tag\/fomo-notification\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/zh\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/zh\/docs-tag\/sales-popup\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/zh\/docs-tag\/woocommerce\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/docs\/14968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/docs\/14968\/revisions"}],"predecessor-version":[{"id":15012,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/docs\/14968\/revisions\/15012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/media\/14970"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/media?parent=14968"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/doc_category?post=14968"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/zh\/wp-json\/wp\/v2\/doc_tag?post=14968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}