View Categories

How To Display WooCommerce Growth Alerts With NotificationX?

1 min read

NotificationX เคชเฅเคฐเฅ‹ เค†เคชเค•เฅ‹ เคชเฅเคฐเคฆเคฐเฅเคถเคฟเคค เค•เคฐเคจเฅ‡ เค•เฅ€ เค…เคจเฅเคฎเคคเคฟ เคฆเฅ‡เคคเคพ เคนเฅˆ 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: เคจเคˆ เค…เคงเคฟเคธเฅ‚เคšเคจเคพ เคœเฅ‹เคกเคผเฅ‡เค‚ #

เค…เคชเคจเฅ‡ เคตเคฐเฅเคกเคชเฅเคฐเฅ‡เคธ เคกเฅˆเคถเคฌเฅ‹เคฐเฅเคก เคชเคฐ เคœเคพเคเค‚ เค”เคฐ เคจเฅ‡เคตเคฟเค—เฅ‡เคŸ เค•เคฐเฅ‡เค‚ 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 NotificationX เค•เคพ เค‰เคชเคฏเฅ‹เค— เค•เคฐเค•เฅ‡ เค…เคชเคจเฅ€ เคตเคฐเฅเคกเคชเฅเคฐเฅ‡เคธ เคตเฅ‡เคฌเคธเคพเค‡เคŸ เคชเคฐเฅค

เคฏเคฆเคฟ เค†เคช เค•เคฟเคธเฅ€ เคญเฅ€ เคฎเฅเคฆเฅเคฆเฅ‡ เค•เคพ เคธเคพเคฎเคจเคพ เค•เคฐเคคเฅ‡ เคนเฅˆเค‚, เคคเฅ‹ เค†เคช เคนเคฎเคธเฅ‡ เคธเค‚เคชเคฐเฅเค• เค•เคฐ เคธเค•เคคเฅ‡ เคนเฅˆเค‚ เคŸเฅ€เคฎ เค•เคพ เคธเคฎเคฐเฅเคฅเคจ.

เคฆเฅเคตเคพเคฐเคพ เคธเค‚เคšเคพเคฒเคฟเคค BetterDocs

Leaving Already?

  • 00เคฆเคฟเคจ
  • 00เค˜เค‚เคŸเฅ‡
  • 00เคฎเคฟเคจเคŸ
  • 00เคธเฅ‡เค•เฅ‡เค‚เคก
Grab The BIGGEST Sale On
The Smartest WordPress Marketing Solution