View Categories

How To Display WooCommerce Growth Alerts With NotificationX?

1 min read

NotificationX PRO ่กจ็คบใ™ใ‚‹ใ“ใจใŒใงใใพใ™ WooCommerce Growth Alerts for products on your online store. It helps you show WooCommerce product sales count, stock-out alerts, and more.

How To Display WooCommerce Growth Alerts With NotificationX? #

Before getting started, you need to have WooCommerce installed and activated on your website to use this feature. Follow this step-by-step guide below to learn how to display WooCommerce Growth Alerts for products.

ใ‚นใƒ†ใƒƒใƒ—1๏ผšๆ–ฐใ—ใ„้€š็Ÿฅใ‚’่ฟฝๅŠ ใ™ใ‚‹ #

WordPressใƒ€ใƒƒใ‚ทใƒฅใƒœใƒผใƒ‰ใซ็งปๅ‹•ใ—ใฆใ€ wp-admin –> NotificationX. Then, right at the top, click on โ€˜Add New'ใ€‚

WooCommerce Growth Alerts

Step 2: Select Notification Source #

ๆ‰‹้ †1ใ‚’ๅฎŒไบ†ใ™ใ‚‹ใจใ€ใซใƒชใƒ€ใ‚คใƒฌใ‚ฏใƒˆใ•ใ‚Œใพใ™ 'ใ‚ฝใƒผใ‚น' NotificationXใฎใ‚ฟใƒ–ใƒšใƒผใ‚ธใ€‚ใ‚ฟใ‚คใƒˆใƒซใ‚’ใคใ‘ใ‚‹ใ“ใจใ‚‚ใงใใพใ™ใ€‚ใƒ‰ใƒญใƒƒใƒ—ใƒ€ใ‚ฆใƒณใƒกใƒ‹ใƒฅใƒผใ‚’ไฝฟ็”จใ—ใฆ้ธๆŠžใ—ใพใ™ ใ€ŒWooCommerceใ€ ้€š็Ÿฅใ‚ฟใ‚คใƒ—ใจใ—ใฆใ€‚

Drop down and choose ใ€Œๆˆ้•ทใ‚ขใƒฉใƒผใƒˆใ€ from the โ€˜Sourceโ€™ options to choose your preferred notification type. There are also options to choose โ€˜่ฒฉๅฃฒ้€š็Ÿฅ' ใจ 'ใƒฌใƒ“ใƒฅใƒผโ€™ to display those alerts for your WooCommerce store. Afterward, go ahead & click on the โ€˜ๆฌกโ€™ Button.

WooCommerce Growth Alerts

Step 3: Customize The Design #

ใ‹ใ‚‰ '่จญ่จˆโ€™ tab, you can choose a layout and have the flexibility to use the โ€˜้ซ˜ๅบฆใชใƒ‡ใ‚ถใ‚คใƒณโ€™ option to customize it according to your preference. From the ใ€Œใƒ†ใƒผใƒžใ€ section, the chosen layout is how the growth notification will be displayed on your website.

You can customize your chosen Theme through the โ€˜Advanced Designโ€™ 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.

WooCommerce Growth Alerts

ใ€Œ็”ปๅƒใฎๅค–่ฆณใ€ section lets you change the โ€˜Image Shapeโ€™ to out of these three: Rounded, Circle & Square. You can also use the drop-down menu โ€˜Positionโ€™ to change the position of the image: Left or Right. Basically, this consists of Three rows. From โ€˜Typographyโ€™ section, you can change the Font Size for each row as well.

Step 4: Modify Notification Content #

ๆฌกใซใƒชใƒ€ใ‚คใƒฌใ‚ฏใƒˆใ•ใ‚Œใพใ™ 'ใ‚ณใƒณใƒ†ใƒณใƒ„' tab, where you can modify your ใ€Œ้€š็Ÿฅใƒ†ใƒณใƒ—ใƒฌใƒผใƒˆใ€ and add your preferred content text. These settings vary depending on the notification type you are working with.

WooCommerce Growth Alerts

NotificationXใ‚ชใƒ•ใ‚กใƒผ a โ€˜Notification Templateโ€™ 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.

Step 5: Publish The Notification #

After you have completed step 4, click on the ใ€Œๅ…ฌ้–‹ใ€ ใƒœใ‚ฟใƒณใ€‚

WooCommerce Growth Alerts

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.

WooCommerce Growth Alerts

This is how you can easily design and display appealing โ€˜WooCommerce Growth Alertsโ€™ for products WordPressใฎWebใ‚ตใ‚คใƒˆใงNotificationXใ‚’ไฝฟ็”จใ—ใฆใ€‚

ๅ•้กŒใŒ็™บ็”Ÿใ—ใŸๅ ดๅˆใฏใ€ ๆ”ฏๆดใƒใƒผใƒ .

ๆญ่ผ‰ BetterDocs

  • 00ๆ—ฅใ€…
  • 00ๆ™‚้–“
  • 00Mins
  • 00Secs

Biggest Seasonal Savings For

A SUCCESSFUL 2026