How to Show WordPress Comment In Popup alert using NotificationX?

С NotificationXВы можете легко отобразить увлекательное всплывающее уведомление о комментариях WordPress на своем веб-сайте WordPress, чтобы они могли оставлять комментарии, как это делают другие. 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 Control 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