How To Create Custom Notification With NotificationX?

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 a 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 will 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’ 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, 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 #

You will then be redirected to the ‘Content’ tab from where you can modify your ‘Notification Template’ and add your preferred content text. These settings vary depending on the theme you are working with.

custom notification

Aside from modifying ‘Notification Template’, you can also add custom user information & contents from the ‘Content’ tab. [Note: The content fields will vary depending on the theme you have chosen.] These variables help to display the information of a custom user you have created with your customized text content in a certain time interval.

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 the 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