View Categories

How To Create Custom Notification With NotificationX?

4 min read

NotificationX Pro allows you to create as many custom conversion notifications as you want and show them as amazing popup alerts on your website. You will have the freedom to style and personalize the custom FOMO alerts any way you want.

How To Create Custom Notifications With NotificationX? #

Follow the step-by-step guide below to create Custom Notification with NotificaitonX:

Step 1: Create A New Notification #

Go to your WordPress dashboard and navigate to NotificationX and click on the ‘Add New’ button right at the top. Or, you can also directly navigate to wp-admin -> NotificationX -> NotificationX -> Add New from your dashboard. 

custom notification

Step 2: Pick A Source #

After you are done with step 1, you will be redirected to the ‘Source’ tab page of your NotificationX. Here, you can select ‘Custom Notification‘ as your Notification type.

custom notification

Step 3: Choosing a Design Theme #

From the ‘Design’ tab, From the ‘Design’ tab, you can choose a ‘theme‘ 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.). 

custom notification

You can also customize the chosen theme by enabling ‘Advanced Designs’.  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 ‘Typography’ section, you can change the font size for each row as well.

custom notification

Step 4: Configure Template Content And Upload CSV #

Here in the ‘Content’ tab you can modify your ‘Notification Template’ 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.

custom notification

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.).

custom notification

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. 

custom notification

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.

custom notification

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.

custom notification

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.

custom notification

You can click on the ‘+’ 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.

custom notification

From ‘Link Options’, you can pick a ‘Link Type’ for your notification popup. Moreover, you can even track the various types of campaigns through NotificationX as well. ‘UTM Control’ allows you to add ‘Campaign’, ‘Medium’ and ‘Source’ to your ‘Custom Notification’. Simply click on the ‘Next’ button to continue.

Step 5: Configure Display Options #

In the ‘Display’ tab, there are two available sections: Image & Visibility. From the ‘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.

From the ‘Visibility’ 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’.

custom notification

Step 6: Setting Up Appearance #

Under the ‘Customize’ tab, you will find three separate sections: Appearance, Timing, Behavior & Sound Settings. From the ‘Appearance’ 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.

custom notification

Besides, you also have the freedom to set time for ‘Initial’, ‘Display For’ & ‘Delay Between’ options as per your preference from the ‘Timing‘ 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 ‘Global Queue Management’ option using NotificationX PRO.  

custom notification

From the ‘Behaviour’ 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.

custom notification

With the help of NotificationX PRO, you can also enable sound alerts for your notifications from the ‘Sound Settings’ section. You can easily choose a sound from the drop-down menu that will be played with each notification popup.  

custom notification

Step 7: Publishing Your Notification #

After you have completed step 6, click on the ‘Publish’ button. As a result, the ‘Custom Notification’ will be successfully created. 

custom notification

By following these mentioned steps and a bit more modifying & styling, your final outcome would look like something like this.

custom notification

This is how you can easily design and display an attention-grabbing ‘Custom Notification’ on your WordPress website using NotificationX. If you face any issues, you can contact our Support Team.

Powered by BetterDocs

  • 00Hours
  • 00Mins
  • 00Secs

Wait... before you go!

Checkout now to Save