{"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\/ru\/docs\/woocommerce-growth-alert\/","title":{"rendered":"How To Display WooCommerce Growth Alerts With NotificationX?"},"content":{"rendered":"

NotificationX PRO<\/strong><\/a> \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u0435\u0442 \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u0442\u044c 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

\u0428\u0430\u0433 1. \u0414\u043e\u0431\u0430\u0432\u044c\u0442\u0435 \u043d\u043e\u0432\u043e\u0435 \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435<\/h3>\n\n\n\n

\u041f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043c\u0435\u043d\u0442\u043e\u0432 WordPress \u0438 \u043f\u0435\u0440\u0435\u0439\u0434\u0438\u0442\u0435 \u043a wp-admin –> NotificationX<\/strong>. Then, right at the top, click on \u2018Add New<\/strong>'.<\/p>\n\n\n

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

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

\u041f\u043e\u0441\u043b\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f \u0448\u0430\u0433\u0430 1 \u0432\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043d\u0430 '\u0418\u0441\u0442\u043e\u0447\u043d\u0438\u043a' <\/strong>\u0412\u043a\u043b\u0430\u0434\u043a\u0430 \u0432\u0430\u0448\u0435\u0433\u043e NotificationX. \u0412\u044b \u0442\u0430\u043a\u0436\u0435 \u043c\u043e\u0436\u0435\u0442\u0435 \u043f\u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a. \u0418\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435 \u0432\u044b\u043f\u0430\u0434\u0430\u044e\u0449\u0435\u0435 \u043c\u0435\u043d\u044e, \u0447\u0442\u043e\u0431\u044b \u0432\u044b\u0431\u0440\u0430\u0442\u044c 'WooCommerce'<\/strong> \u043a\u0430\u043a \u0432\u0430\u0448 \u0442\u0438\u043f \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f.<\/p>\n\n\n\n

Drop down and choose \u00ab\u041f\u0440\u0435\u0434\u0443\u043f\u0440\u0435\u0436\u0434\u0435\u043d\u0438\u0435 \u043e \u0440\u043e\u0441\u0442\u0435\u00bb<\/strong> from the \u2018Source\u2019 options to choose your preferred notification type. There are also options to choose \u2018\u0423\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u0435 \u043e \u043f\u0440\u043e\u0434\u0430\u0436\u0430\u0445<\/strong>' \u0438 '\u041e\u0442\u0437\u044b\u0432\u044b<\/strong>\u2019 to display those alerts for your WooCommerce store. Afterward, go ahead & click on the \u2018\u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0438\u0439<\/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

\u0418\u0437 '\u0414\u0438\u0437\u0430\u0439\u043d<\/strong>\u2019 tab, you can choose a layout and have the flexibility to use the \u2018\u0420\u0430\u0441\u0448\u0438\u0440\u0435\u043d\u043d\u044b\u0439 \u0434\u0438\u0437\u0430\u0439\u043d<\/strong>\u2019 option to customize it according to your preference. From the \u00ab\u0422\u0435\u043c\u0430\u00bb <\/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

\u00ab\u0412\u043d\u0435\u0448\u043d\u0438\u0439 \u0432\u0438\u0434 \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f\u00bb<\/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

\u0412\u044b \u0431\u0443\u0434\u0435\u0442\u0435 \u043f\u0435\u0440\u0435\u043d\u0430\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u044b \u043d\u0430 \u00ab\u0421\u043e\u0434\u0435\u0440\u0436\u0430\u043d\u0438\u0435\u00bb<\/strong> tab, where you can modify your \u00ab\u0428\u0430\u0431\u043b\u043e\u043d \u0443\u0432\u0435\u0434\u043e\u043c\u043b\u0435\u043d\u0438\u044f\u00bb <\/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 \u043f\u0440\u0435\u0434\u043b\u0430\u0433\u0430\u0435\u0442 \u0430 <\/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 '\u041f\u0443\u0431\u043b\u0438\u043a\u043e\u0432\u0430\u0442\u044c'<\/strong> \u043a\u043d\u043e\u043f\u043a\u0430.<\/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>\u043d\u0430 \u0432\u0430\u0448\u0435\u043c \u0441\u0430\u0439\u0442\u0435 WordPress, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f NotificationX.<\/p>\n\n\n\n

\u0415\u0441\u043b\u0438 \u0443 \u0432\u0430\u0441 \u0432\u043e\u0437\u043d\u0438\u043a\u043d\u0443\u0442 \u043a\u0430\u043a\u0438\u0435-\u043b\u0438\u0431\u043e \u043f\u0440\u043e\u0431\u043b\u0435\u043c\u044b, \u0432\u044b \u043c\u043e\u0436\u0435\u0442\u0435 \u0441\u0432\u044f\u0437\u0430\u0442\u044c\u0441\u044f \u0441 \u043d\u0430\u0448\u0438\u043c\u0438 \u0413\u0440\u0443\u043f\u043f\u0430 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u043a\u0438<\/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-06","word_count":488,"total_views":"18925","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/ru\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/ru\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"FOMO","term_url":"https:\/\/notificationx.com\/ru\/docs-tag\/fomo\/"},{"term_name":"FOMO Notification","term_url":"https:\/\/notificationx.com\/ru\/docs-tag\/fomo-notification\/"},{"term_name":"Sales Notification","term_url":"https:\/\/notificationx.com\/ru\/docs-tag\/sales-notification\/"},{"term_name":"Sales Popup","term_url":"https:\/\/notificationx.com\/ru\/docs-tag\/sales-popup\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/ru\/docs-tag\/woocommerce\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/docs\/14968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/docs\/14968\/revisions"}],"predecessor-version":[{"id":15012,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/docs\/14968\/revisions\/15012"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/media\/14970"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/media?parent=14968"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/doc_category?post=14968"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ru\/wp-json\/wp\/v2\/doc_tag?post=14968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}