View Categories

How To Display WooCommerce Growth Alerts With NotificationX?

1 min read

NotificationX PRO permet d'afficher 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.

ร‰tape 1 : Ajouter une nouvelle notification #

Accรฉdez ร  votre tableau de bord WordPress et accรฉdez ร  wp-admin –> NotificationX. Then, right at the top, click on โ€˜Add New'.

WooCommerce Growth Alerts

Step 2: Select Notification Source #

Une fois l'รฉtape 1 terminรฉe, vous serez redirigรฉ vers le 'La source' Page ร  onglet de votre NotificationX. Vous pouvez รฉgalement mettre un titre. Utilisez le menu dรฉroulant pour sรฉlectionner ยซWooCommerceยป comme type de notification.

Drop down and choose "Alerte de croissance" from the โ€˜Sourceโ€™ options to choose your preferred notification type. There are also options to choose โ€˜Notification de vente' et 'Commentairesโ€™ to display those alerts for your WooCommerce store. Afterward, go ahead & click on the โ€˜Prochainโ€™ Button.

WooCommerce Growth Alerts

Step 3: Customize The Design #

Du 'Concevoirโ€™ tab, you can choose a layout and have the flexibility to use the โ€˜Conception avancรฉeโ€™ option to customize it according to your preference. From the ยซThรจmesยป 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

ยซApparence de l'imageยป 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 #

Vous serez ensuite redirigรฉ vers le 'Contenu' tab, where you can modify your ยซModรจle de notificationยป and add your preferred content text. These settings vary depending on the notification type you are working with.

WooCommerce Growth Alerts

Offres NotificationX une โ€˜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 'Publier' bouton.

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 sur votre site WordPress en utilisant NotificationX.

Si vous rencontrez des problรจmes, vous pouvez contacter notre ร‰quipe de soutien.

Alimentรฉ par BetterDocs

  • 00Day
  • 00Hour
  • 00Min
  • 00Sec

Stop To Grab Hot Deals