{"id":14944,"date":"2023-12-18T08:32:29","date_gmt":"2023-12-18T08:32:29","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&p=14944"},"modified":"2023-12-18T09:29:02","modified_gmt":"2023-12-18T09:29:02","password":"","slug":"configure-woocommerce-sales-alert","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/ja\/docs\/configure-woocommerce-sales-alert\/","title":{"rendered":"How To Configure \u2018WooCommerce Sales Alerts’ In NotificationX?"},"content":{"rendered":"

\u3068 NotificationX<\/strong><\/a>, you can effortlessly display informative popup alerts for all the recent purchases of your products made by the customers on your online store to grab attention immediately. <\/p>\n\n\n\n

To display WooCommerce sales notifications<\/strong> on your site, this advanced marketing plugin brings you two options – directly choose the ‘WooCommerce’ option from notification types or choose ‘Sales<\/a><\/strong>‘ type and proceed to choose ‘WooCommerce’ as the source.<\/p>\n\n\n\n

Learn how to configure and use the WooCommerce Sales Notification type directly; follow the step-by-step guide below.<\/p>\n\n\n\n

How to configure and use WooCommerce Sales Alerts?<\/h2>\n\n\n\n

Before getting started, you need to have WooCommerce installed<\/a><\/strong>, activated, and set up on your website to use this feature.<\/p>\n\n\n\n

Step 1: Add A New Notification Alert<\/h3>\n\n\n\n

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

\n
\"WooCommerce\u8ca9\u58f2\u901a\u77e5\"<\/figure>\n<\/div>\n\n\n

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

After completing step 1, you will be redirected to the '\u30bd\u30fc\u30b9' <\/strong>Tab. Here, you can add a title for your notification for better tracking afterwards. <\/p>\n\n\n\n

To display the WooCommerce sales notifications on your site, choose \u300cWooCommerce\u300d<\/strong> as your notification type. You will find 3 sources appear – select the \u300c\u8ca9\u58f2\u901a\u77e5\u300d<\/strong> options to choose your preferred notification type. Afterwards, click the ‘Next’ button to proceed to the next step.<\/p>\n\n\n\n

\u6ce8\u610f\uff1a <\/em><\/strong>The other options are \u2018Reviews\u2019 (to display customer reviews) and Growth Alert (to show in-line sales and other alerts using NotificationX PRO<\/strong><\/a>).<\/p>\n\n\n

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

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

\u304b\u3089 \u2018Design\u2019 tab, <\/strong>you can choose a layout of the WooCommerce Sales notification and have the flexibility to use the \u300c\u9ad8\u5ea6\u306a\u30c7\u30b6\u30a4\u30f3\u300d<\/strong> option to customize it according to your preference. From the \u300c\u30c6\u30fc\u30de\u300d <\/strong>section, the chosen layout is how the \u2018WooCommerce Sales Notification\u2019 will be displayed on your website – you can pick from 10 ready templates.<\/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

\u306e \u300c\u753b\u50cf\u306e\u5916\u89b3\u300d<\/strong> section lets you change the \u2018Image Shape\u2019 to out of these three: Rounded, Circle, and Square. You can also use the drop-down menu \u2018Position\u2019 to change the position of the image: Left or Right.<\/p>\n\n\n\n

Step 4: Modify The 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 WooCommerce Sales Notification type you are working with.<\/p>\n\n\n

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

NotificationX\u30aa\u30d5\u30a1\u30fc <\/strong>a \u300c\u901a\u77e5\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u300d <\/strong>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: Customize Display Settings<\/h3>\n\n\n\n

\u306e\u4e2d\u306b '\u8868\u793a'<\/strong> tab are two available sections: \u753b\u50cf\u3068\u53ef\u8996\u6027<\/strong>. You can use the checkbox from the \u2018Image\u2019 section to display the default image or an avatar in the notification popup. If the users don\u2019t have any \u2018Avatar\u2019 set in their profile, you can display the \u2018Default\u2019 image by selecting the \u2018Default Image\u2019 checkbox and uploading a default image.<\/p>\n\n\n

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

You can set the pages where you want to display the Sales Notification from the’ Visibility’ section. By default, \u2018Show On\u2019 is set to \u2018Show Everywhere\u2019. As a result, the Sales Notification will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the \u2018Sales Notification.\u2019 After you click the \u2018Next\u2019 button, you will be redirected to the '\u30ab\u30b9\u30bf\u30de\u30a4\u30ba<\/strong>' \u30bf\u30d6\u3002<\/p>\n\n\n\n

Step 6: Customize Timing, Behavior & More<\/h3>\n\n\n\n

\u4e0b '\u30ab\u30b9\u30bf\u30de\u30a4\u30ba' <\/strong>tab, you will find three separate sections: Appearance, Timing & Behavior. From the \u2018Appearance\u2019 section, you can set the position where you want to display the Sales Notification and use the checkbox to disable\/enable the \u2018Close Button\u2019 & \u2018Hide on Mobile\u2019 options. You can even set a max width for your Notification Popup as well.<\/p>\n\n\n\n

You can set the position for Sales Notification to either be at the bottom left or bottom right of your website. You can also show a \u2018Close Button,\u2019 which can be clicked to close the Sales Notification. Furthermore, you have the flexibility to hide the \u300c\u8ca9\u58f2\u901a\u77e5\u300d<\/strong> \u540c\u69d8\u306b\u3057\u305f\u3044\u5834\u5408\u306f\u3001\u30e2\u30d0\u30a4\u30eb\u30c7\u30d0\u30a4\u30b9\u7528\u3002<\/p>\n\n\n

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

Besides, you can set time for the \u2018Initial\u2019, \u2018Display For\u2019 & \u2018Delay Between\u2019 options per your preference from the \u2018Timing\u2019 section. You can set an initial time after which your \u2018Sales Notification\u2019 will be popped up. By default, it is set to 5 seconds. You can also set a time limit for how long you want each notification popup displayed by modifying the \u2018Display For\u2019 field. To choose a time interval between two notifications of Sales Notification, set the time in the \u2018Display Between\u2019 field.<\/p>\n\n\n\n

You can display the number of sales made for the past few days from the’ Behaviour’ section. By checking the \u2018Loop Notification\u2019 box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the \u2018Open link in new tab\u2019 checkbox.<\/p>\n\n\n\n

Besides this, you can also enable \u30b0\u30ed\u30fc\u30d0\u30eb\u30ad\u30e5\u30fc\u7ba1\u7406<\/strong> \u3053\u306e\u30bf\u30a4\u30d7\u306e\u8ca9\u58f2\u901a\u77e5\u306e\u5834\u5408\u3002\u3053\u306e\u6a5f\u80fd\u306e\u8a73\u7d30\u306b\u3064\u3044\u3066\u306f\u3001 \u3053\u306e\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u30c1\u30a7\u30c3\u30af\u3057\u3066\u304f\u3060\u3055\u3044<\/strong><\/a>.<\/p>\n\n\n\n

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

\u624b\u98066\u3092\u5b8c\u4e86\u3057\u305f\u3089\u3001 \u300c\u516c\u958b\u300d<\/strong> button. This is how you can easily design and display an appealing \u300cWooCommerce\u8ca9\u58f2\u901a\u77e5\u300d <\/strong>WordPress\u306eWeb\u30b5\u30a4\u30c8\u3067NotificationX\u3092\u4f7f\u7528\u3057\u3066\u3002<\/p>\n\n\n

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

As a result, the \u2018WooCommerce Sales Notification\u2019 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

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

Discover the power of WooCommerce Notification in NotificationX! Engage visitors with real-time sales popups on your WordPress site. Learn how to set it up in minutes.<\/p>","protected":false},"author":28,"featured_media":14946,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[163],"doc_tag":[175,176,161,162,278,164],"class_list":["post-14944","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-setup-integrations","doc_tag-freemius-sales-alert","doc_tag-freemius-sales-notification","doc_tag-sales-notification","doc_tag-sales-popup","doc_tag-woocommerce","doc_tag-woocommerce-sales-notifications"],"year_month":"2026-04","word_count":994,"total_views":"18437","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":"Freemius Sales Alert","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/freemius-sales-alert\/"},{"term_name":"Freemius Sales Notification","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/freemius-sales-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\/"},{"term_name":"WooCommerce Sales Notifications","term_url":"https:\/\/notificationx.com\/ja\/docs-tag\/woocommerce-sales-notifications\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14944","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":7,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14944\/revisions"}],"predecessor-version":[{"id":15583,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/docs\/14944\/revisions\/15583"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media\/14946"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/media?parent=14944"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_category?post=14944"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/ja\/wp-json\/wp\/v2\/doc_tag?post=14944"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}