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ๆไพ› ไธ€ไธช โ€˜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็ฝ‘็ซ™ไธŠไฝฟ็”จNotificationXใ€‚

ๅฆ‚ๆžœๆ‚จ้‡ๅˆฐไปปไฝ•้—ฎ้ข˜๏ผŒๅฏไปฅ่”็ณปๆˆ‘ไปฌ ๆ”ฏๆŒๅ›ข้˜Ÿ.

ไพ›็”ต BetterDocs

Leaving Already?

  • 00ๅฐๆ—ถ
  • 00Mins
  • 00Secs
Grab The BIGGEST Sale On
The Smartest WordPress Marketing Solution