{"id":14968,"date":"2023-12-18T09:47:44","date_gmt":"2023-12-18T09:47:44","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&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\/ja\/docs\/woocommerce-growth-alert\/","title":{"rendered":"How To Display WooCommerce Growth Alerts With NotificationX?"},"content":{"rendered":"

NotificationX PRO<\/strong><\/a> \u8868\u793a\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059 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

How To Display WooCommerce Growth Alerts With NotificationX?<\/strong><\/h2>\n\n\n\n

Before getting started, you need to have 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

\u30b9\u30c6\u30c3\u30d71\uff1a\u65b0\u3057\u3044\u901a\u77e5\u3092\u8ffd\u52a0\u3059\u308b<\/h3>\n\n\n\n

WordPress\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u306b\u79fb\u52d5\u3057\u3066\u3001 wp-admin –> NotificationX<\/strong>. Then, right at the top, click on \u2018Add New<\/strong>'\u3002<\/p>\n\n\n

\n
\"WooCommerce<\/figure>\n<\/div>\n\n\n

Step 2: Select Notification Source<\/h3>\n\n\n\n

\u624b\u98061\u3092\u5b8c\u4e86\u3059\u308b\u3068\u3001\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3055\u308c\u307e\u3059 '\u30bd\u30fc\u30b9' <\/strong>NotificationX\u306e\u30bf\u30d6\u30da\u30fc\u30b8\u3002\u30bf\u30a4\u30c8\u30eb\u3092\u3064\u3051\u308b\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002\u30c9\u30ed\u30c3\u30d7\u30c0\u30a6\u30f3\u30e1\u30cb\u30e5\u30fc\u3092\u4f7f\u7528\u3057\u3066\u9078\u629e\u3057\u307e\u3059 \u300cWooCommerce\u300d<\/strong> \u901a\u77e5\u30bf\u30a4\u30d7\u3068\u3057\u3066\u3002<\/p>\n\n\n\n

Drop down and choose \u300c\u6210\u9577\u30a2\u30e9\u30fc\u30c8\u300d<\/strong> from the \u2018Source\u2019 options to choose your preferred notification type. There are also options to choose \u2018\u8ca9\u58f2\u901a\u77e5<\/strong>' \u3068 '\u30ec\u30d3\u30e5\u30fc<\/strong>\u2019 to display those alerts for your WooCommerce store. Afterward, go ahead & click on the \u2018\u6b21<\/strong>\u2019 Button.<\/p>\n\n\n

\n
\"WooCommerce<\/figure>\n<\/div>\n\n\n

Step 3: Customize The Design<\/h3>\n\n\n\n

\u304b\u3089 '\u8a2d\u8a08<\/strong>\u2019 tab, you can choose a layout and have the flexibility to use the \u2018\u9ad8\u5ea6\u306a\u30c7\u30b6\u30a4\u30f3<\/strong>\u2019 option to customize it according to your preference. From the \u300c\u30c6\u30fc\u30de\u300d <\/strong>section, the chosen layout is how the growth notification will be displayed on your website.<\/p>\n\n\n\n

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
\"WooCommerce<\/figure>\n<\/div>\n\n\n

\u300c\u753b\u50cf\u306e\u5916\u89b3\u300d<\/strong> section lets you change the \u2018Image Shape\u2019 to out of these three: Rounded, Circle & 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

Step 4: Modify Notification Content<\/h3>\n\n\n\n

\u6b21\u306b\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3055\u308c\u307e\u3059 '\u30b3\u30f3\u30c6\u30f3\u30c4'<\/strong> tab, where you can modify your \u300c\u901a\u77e5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u300d <\/strong>and add your preferred content text. These settings vary depending on the notification type you are working with.<\/p>\n\n\n

\n
\"WooCommerce<\/figure>\n<\/div>\n\n\n

NotificationX\u30aa\u30d5\u30a1\u30fc a <\/strong>\u2018Notification Template\u2019 for your Content. You can easily go ahead and choose your preferred variables. These variables help display the user’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

Step 5: Publish The Notification<\/h3>\n\n\n\n

After you have completed step 4, click on the \u300c\u516c\u958b\u300d<\/strong> \u30dc\u30bf\u30f3\u3002<\/p>\n\n\n

\n
\"WooCommerce<\/figure>\n<\/div>\n\n\n

As a result, the growth notification will be successfully created. By following these steps and slightly modifying & styling, your final outcome would look like this.<\/p>\n\n\n

\n
\"WooCommerce<\/figure>\n<\/div>\n\n\n

This is how you can easily design and display appealing \u2018WooCommerce Growth Alerts\u2019 <\/strong>for products <\/strong>WordPress\u306eWeb\u30b5\u30a4\u30c8\u3067NotificationX\u3092\u4f7f\u7528\u3057\u3066\u3002<\/p>\n\n\n\n

\u554f\u984c\u304c\u767a\u751f\u3057\u305f\u5834\u5408\u306f\u3001 \u652f\u63f4\u30c1\u30fc\u30e0<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"

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":"19566","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/ja\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/ja\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/fomo-notification\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/sales-popup\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/woocommerce\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14968\/revisions"}],"predecessor-version":[{"id":15012,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14968\/revisions\/15012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media\/14970"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media?parent=14968"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_category?post=14968"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=14968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}