{"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\/ms\/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\/ms\/#pricing\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>PRO NotificationX<\/strong><\/a> membolehkan anda memaparkan <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\">Langkah 1: Tambah Pemberitahuan Baharu<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pergi ke Papan Pemuka WordPress anda dan arahkan ke <strong>wp-admin &#8211;&gt; NotificationX<\/strong>. Then, right at the top, click on <strong>\u2018Add New<\/strong>&#039;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"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\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select Notification Source<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Setelah anda selesai dengan langkah 1, anda akan diarahkan ke <strong>&#039;Sumber&#039; <\/strong>Halaman tab NotificationX anda. Anda juga boleh meletakkan tajuk. Gunakan menu lungsur untuk memilih <strong>&#039;WooCommerce&#039;<\/strong> sebagai jenis pemberitahuan anda.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop down and choose <strong>&#039;Amaran Pertumbuhan&#039;<\/strong> from the \u2018Source\u2019 options to choose your preferred notification type. There are also options to choose \u2018<strong>Pemberitahuan Jualan<\/strong>&#039; dan &#039;<strong>Ulasan<\/strong>\u2019 to display those alerts for your WooCommerce store. Afterward, go ahead &amp; click on the \u2018<strong>Seterusnya<\/strong>\u2019 Button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img 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\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize The Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Daripada &#039;<strong>Reka bentuk<\/strong>\u2019 tab, you can choose a layout and have the flexibility to use the \u2018<strong>Reka Bentuk Lanjutan<\/strong>\u2019 option to customize it according to your preference. From the<strong> &#039;Tema&#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<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img 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\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\"><strong>&#039;Penampilan Imej&#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\">Anda kemudian akan diarahkan ke<strong> &#039;Kandungan&#039;<\/strong> tab, where you can modify your <strong>&#039;Templat Pemberitahuan&#039; <\/strong>and add your preferred content text. These settings vary depending on the notification type you are working with.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img 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\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Tawaran NotificationX<strong> a <\/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;Menerbitkan&#039;<\/strong> butang.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img 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\" title=\"\" 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<\/div>\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<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img 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\" title=\"\"><\/figure>\n<\/div>\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>di laman web WordPress anda menggunakan NotificationX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sekiranya anda menghadapi sebarang masalah, anda boleh menghubungi kami <a href=\"https:\/\/notificationx.com\/ms\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Pasukan penyokong<\/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":"","_analytify_skip_tracking":false,"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-07","word_count":488,"total_views":"19567","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/ms\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/ms\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/ms\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/ms\/docs-tag\/fomo-notification\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/ms\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/ms\/docs-tag\/sales-popup\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/ms\/docs-tag\/woocommerce\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/14968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/14968\/revisions"}],"predecessor-version":[{"id":15012,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/docs\/14968\/revisions\/15012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/media\/14970"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/media?parent=14968"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/doc_category?post=14968"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ms\/wp-json\/wp\/v2\/doc_tag?post=14968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}