View Categories

Comment crรฉer une notification personnalisรฉe avec NotificationX ?

4 min read

NotificationX Pro vous permet de crรฉer autant de notifications de conversion personnalisรฉes que vous le souhaitez et de les afficher sous forme d'alertes contextuelles รฉtonnantes sur votre site Web. Vous aurez la libertรฉ de styliser et de personnaliser les alertes FOMO personnalisรฉes comme vous le souhaitez.

Comment crรฉer des notifications personnalisรฉes avec NotificationX ? #

Follow the step-by-step guide below to create Notification personnalisรฉe avec NotificaitonX:

ร‰tape 1 : Crรฉer une nouvelle notification #

Accรฉdez ร  votre tableau de bord WordPress et accรฉdez ร  NotificationX et cliquez sur le 'Ajouter un nouveau' bouton tout en haut. Ou, vous pouvez รฉgalement accรฉder directement ร  wp-admin -> NotificationX -> NotificationX -> Ajouter un nouveau depuis votre tableau de bord. 

notification personnalisรฉe

ร‰tape 2 : Choisissez une source #

Une fois l'รฉtape 1 terminรฉe, vous serez redirigรฉ vers le 'La source' tab page of your NotificationX. Here, you can select โ€˜Notification personnalisรฉeโ€˜ as your Notification type.

notification personnalisรฉe

ร‰tape 3 : Choisir un thรจme de conception #

Du 'Conception' onglet, ร  partir du 'Conception' tab, you can choose a โ€˜thรจmeโ€˜ for your notification alert and this will be the layout of the Custom Notifications that will be displayed on your website. From here, you can pick from a vast amount of themes that allows you to create any type of notification alerts (Sales, Reviews, Comments, Download stats, etc.). 

notification personnalisรฉe

Vous pouvez รฉgalement personnaliser le thรจme choisi en activant 'Conceptions avancรฉesโ€™.  From this section, you will be able to easily add styling to your design, image appearance, and typography.

โ€˜Image Appearanceโ€˜ section lets you change the โ€˜Image Shapeโ€™ 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, Custom notification consists of Three rows. From the 'Typographie' section, vous pouvez รฉgalement modifier la taille de la police pour chaque ligne.

notification personnalisรฉe

Step 4: Configure Template Content And Upload CSV #

Here in the โ€˜Contenuโ€™ tab you can modify your โ€˜Modรจle de notificationโ€™ and add your preferred content text, add multiple notifications manually one-by-one or create them in bulk using a CSV file. These settings may vary depending on your notification theme selection.

notification personnalisรฉe

Now upload a CSV file containing notification details to create them in bulk. You can click on the โ€˜Sample CSVโ€™ button to download a template CSV file and ensure your file format is correct. This template will include all the required columns for your notification data (e.g., title, content, image URL, etc.).

notification personnalisรฉe

Upload your prepared CSV file containing notification details. Click the โ€˜Upload CSVโ€™ button and select your CSV file from your computer. NotificationX will validate the uploaded file format. If there are any errors (missing columns, invalid data types), you will receive an error message explaining the issue. 

notification personnalisรฉe

If the CSV file contains more than 100 notifications, a warning message will appear informing you that only the first 100 entries will be processed due to limitations. NotificationX will process the valid entries (up to 100) from your CSV file.

notification personnalisรฉe

After that, individual notifications will be created based on the information provided in the CSV File. Modify the Notification Template to define the desired text content for your notifications.

notification personnalisรฉe

Note: Uploading a CSV is an alternative way to create multiple notifications at once. You can still create individual notifications by modifying the Notification Template directly if preferred.

notification personnalisรฉe

Vous pouvez cliquez sur le '+' button to add more custom user information, contents & conversions which will be displayed on your website. Under the โ€˜Conversionโ€™ section, you will have to fill up all the fields as per your wish. Besides, You can also upload a user/product image of your choosing. You can just go ahead and add as many custom conversions as you want.

notification personnalisรฉe

De ยซOptions de lienยป, you can pick a โ€˜Type de lienโ€™ for your notification popup. Moreover, you can even track the various types of campaigns through NotificationX as well. 'Contrรดle UTM' allows you to add โ€˜Campaign', 'Moyen' et 'La sourceโ€™ to your โ€˜Custom Notificationโ€™. Simply click on the โ€˜Nextโ€™ button to continue.

ร‰tape 5 : Configurer les options d'affichage #

dans le 'Afficher' Dans l'onglet, deux sections sont disponibles: Image et visibilitรฉ. Du 'Image' section, you can use the checkbox to display the default image or an avatar in the notification popup. If the users donโ€™t have any โ€˜Avatarโ€™ set in their profile, you can simply display the โ€˜Defaultโ€™ image by selecting the โ€˜Default Imageโ€™ checkbox and uploading a default image.

Du 'Visibilitรฉ' section, you can set the pages where you want to display the Sales Notification. You also have the option to restrict the notification popup based on certain user roles. On the other hand, you can also specify the pages where you want to display or hide the โ€˜Custom Notificationโ€™.

notification personnalisรฉe

ร‰tape 6 : Configuration de l'apparence #

Sous le 'Personnaliser' tab, you will find three separate sections: Appearance, Timing, Behavior & Sound Settings. From the โ€˜Apparenceโ€™ section, you can set the position where you want to display Custom Notification and use the checkbox to disable/enable the โ€˜Close Buttonโ€™ & โ€˜Hide on Mobileโ€™ options. You can even set a max-width for your Notification Popup as well.

notification personnalisรฉe

Besides, you also have the freedom to set time for โ€˜Initial', 'Display Forโ€™ & โ€˜Delay Betweenโ€™ options as per your preference from the โ€˜Horaireโ€˜ section. You can also set a time limit for how long you want each notification popup to be displayed by modifying the โ€˜Display Forโ€™ field. Or, if you want to display multiple types of notifications, you can simply activate the โ€˜Gestion globale des files d'attente' option utilisant NotificationX PRO.ย ย 

notification personnalisรฉe

Du 'Comportement' section, you can choose to display the number of reviews made for certain past days. By checking the โ€˜Loop Notificationโ€™ box, the notification popup will keep on displaying. You can disable this as well.

notification personnalisรฉe

Avec l'aide de NotificationX PRO, vous pouvez รฉgalement activer les alertes sonores pour vos notifications ร  partir du 'Paramรจtres du son' section. Vous pouvez facilement choisir un son dans le menu dรฉroulant qui sera jouรฉ avec chaque popup de notification.  

notification personnalisรฉe

ร‰tape 7 : Publication de votre notification #

Aprรจs avoir terminรฉ l'รฉtape 6, cliquez sur le 'Publier' bouton. En consรฉquence, le โ€˜Custom Notificationโ€™ sera crรฉรฉ avec succรจs. 

notification personnalisรฉe

En suivant ces รฉtapes mentionnรฉes et un peu plus de modification et de style, votre rรฉsultat final ressemblerait ร  quelque chose comme ceci.

notification personnalisรฉe

C'est ainsi que vous pouvez facilement concevoir et afficher un "Custom Notificationโ€™ sur votre site WordPress en utilisant NotificationX. Si vous rencontrez des problรจmes, vous pouvez contactez notre รฉquipe d'assistance.

Alimentรฉ par BetterDocs

  • 00Journรฉes
  • 00Heures
  • 00Minutes
  • 00Secs

Leaving Already?

Create Urgency, Earn Trust, Boost Sales with NotificationX