How to Show WordPress Comment In Popup alert using NotificationX?

NotificationX,您可以轻松地在WordPress网站上显示一个引人入胜的WordPress Comments通知弹出窗口,以使其像其他人一样发表评论。 WordPress评论 弹出窗口可让您显示用户在帖子中的最新评论,作为网站上的通知弹出窗口。

To get a detailed overview of how the Quick Builder Tabs work, you can check out this documentation.

Step 1: Add New Notification #

转到WordPress仪表板并导航至 wp-admin-> NotificationX->全部NotificationX。然后在顶部,单击 '添新'. Or you can also simply go to the ‘Add New’ tab from the sidebar. 

WordPress评论

Step 2: Pick a Source #

完成第1步后,您将被重定向到 '资源' Tab page of NotificationX. To display WordPress Comment popups, choose ‘Comments’ as your desired Notification type and pick ‘WordPress的’ as the source type for the notification alert. Then click on the ‘下一个‘ Button.

WordPress Blog Comments

Step 3: Choose a Design Theme #

来自 '设计' 标签,您可以选择一种布局,还可以灵活地使用“进阶设计‘ option to customize it as per your preference. You can select any layout from the ‘Themes‘ section, and this is how the ‘WordPress的 注释‘ notification will be displayed on your website. 

WordPress comment

You can then toggle to enable the ‘Advanced Designs’ section and modify your chosen Theme or layout by customizing it as needed. You will be able to easily add styling to your design, image appearance, and typography. You can add Background or Text color for the notification popup. Besides, you can also add a Border and add styling to it. 

“图像外观” 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. Comments popup consists of Three rows. From the ‘Typography‘ section, you can change the Font Size for each row as well.

WordPress comments

 Step 4: Configure Template Content #

然后,您将被重定向到 '内容' 标签,您可以在其中修改“通知模板”并添加您的首选内容文本。

NotificationX提供 “通知模板” for your Content. You can easily go ahead and choose your preferred variables. These variables help to display the name of the user who has commented on a specific page/post in a certain time interval. Besides, you can also add your own text which will be showing up in the notification popup using ‘Advanced Templates’.

WordPress comment

You can even add different link types and track the various types of campaigns through NotificationX as well. “ UTM控制” allows you to add ‘Campaign’, ‘Medium’, and ‘Source’ to your notification popup.

Step 5: Adjust Display Options #

在里面 '显示' 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. As long as the users have avatars, by checking the ‘Show Gravatar’ option, you will be able to view the ‘Avatar’ of the users who have made comments.

WordPress comments

来自 '能见度' 部分中,您可以设置要在其中显示评论通知的页面。您还可以选择根据某些用户角色来限制通知弹出窗口:“始终”,“登录”和“注销”。

默认, “展示” is set to ‘Show Everywhere’ as a result the Comments notification will be displayed on every single page of your website. On the other hand, you can also specify the pages where you want to display or hide the ‘Comments’ popup. After you click on the ‘下一个‘ button, you will be redirected to the '定制' 标签。

Step 6: Set Up Appearance #

在下面 '定制' tab, you will find four separate sections: Appearance, Timing, Behavior & Sound Settings. From the ‘Appearance‘ section, you can set the position where you want to display the Comments notification. You can set the position for Comments popup to either at the Bottom Left or Bottom Right side of your website.

WordPress comments

此外,您还可以根据自己的喜好自由设置“初始”,“显示为”和“延迟时间”选项的时间。 '定时' 部分。您可以设置一个初始时间,之后将弹出“评论”通知。默认情况下,它设置为5秒。

You can also set a time limit for how long you want each notification popup to be displayed by modifying the ‘Display For’ field. To choose a time interval between two notifications of Review, simply set the time in the ‘Display Between’ field. Or, if you want to display multiple types of notifications, you can simply activate the ‘全局队列管理’ option using NotificationX PRO.  

WordPress comment

来自 '行为' section, you can choose to display the number of comments made for certain past days. By checking the ‘Loop Notification’ box, the notification popup will keep on displaying. You can disable this as well. Besides, you can enable sound alerts for your comment notification popups as well.

WordPress comment

 Step 7: Publish Your Notification

完成第6步后,请点击 '发布' 按钮。结果, WordPress评论 popup will be successfully created. 

WordPress comments

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

WordPress comments

这是您可以轻松设计和展示吸引人的方式 WordPress评论 使用NotificationX在您的网站上弹出。

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

供电 BetterDocs