View Categories

How To Display WooCommerce Growth Alerts With NotificationX?

1 min read

NotificationX PRO allows you to display 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.

Step 1: Add New Notification #

Go to your WordPress Dashboard and navigate to wp-admin –> NotificationX. Then, right at the top, click on โ€˜Add Newโ€™.

WooCommerce Growth Alerts

Step 2: Select Notification Source #

After you are done with step 1, you will be redirected to the โ€˜Sourceโ€™ Tab page of your NotificationX. You can also put a title. Use the drop-down menu to select โ€˜WooCommerceโ€™ as your notification type.

Drop down and choose โ€˜Growth Alertโ€™ from the โ€˜Sourceโ€™ options to choose your preferred notification type. There are also options to choose โ€˜Sales Notificationโ€™ and โ€˜Reviewsโ€™ to display those alerts for your WooCommerce store. Afterward, go ahead & click on the โ€˜Nextโ€™ Button.

WooCommerce Growth Alerts

Step 3: Customize The Design #

From the โ€˜Designโ€™ tab, you can choose a layout and have the flexibility to use the โ€˜Advanced Designโ€™ option to customize it according to your preference. From the โ€˜Themesโ€™ 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

โ€˜Image Appearanceโ€™ 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 #

You will then be redirected to the โ€˜Contentโ€™ tab, where you can modify your โ€˜Notification Templateโ€™ and add your preferred content text. These settings vary depending on the notification type you are working with.

WooCommerce Growth Alerts

NotificationX offers 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 โ€˜Publishโ€™ button.

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 on your WordPress website using NotificationX.

If you face any issues, you can contact our Support Team.

Powered by BetterDocs

  • 00Days
  • 00Hours
  • 00Mins
  • 00Secs

Leaving Already?

Create Urgency, Earn Trust, Boost Sales with NotificationX