View Categories

How To Display WooCommerce Reviews For Products In NotificationX?

5 min read

NotificationX gives you the opportunity to display WooCommerce reviews for products on your WordPress website every time a customer reviews your products on the เฆ•เฆฎเฆพเฆฐเงเฆธ store. You can showcase the feedback left by customers on your WooCommerce store in the form of beautifully designed FOMO popups for FREE. This useful feature will help you add credibility to your business by showing visitors what other customers have to say about your products.

How To Display WooCommerce Reviews For Products In NotificationX? #

Before getting started, you need to have WooCommerce installed and activated on your website to use this feature. Follow this step-by-step guide below to learn how to display WooCommerce reviews for products.

เฆงเฆพเฆช 1: เฆจเฆคเงเฆจ เฆฌเฆฟเฆœเงเฆžเฆชเงเฆคเฆฟ เฆฏเง‹เฆ— เฆ•เฆฐเงเฆจ #

เฆ†เฆชเฆจเฆพเฆฐ เฆ“เฆฏเฆผเฆพเฆฐเงเฆกเฆชเงเฆฐเง‡เฆธ เฆกเงเฆฏเฆพเฆถเฆฌเง‹เฆฐเงเฆกเง‡ เฆฏเฆพเฆจ เฆเฆฌเฆ‚ เฆจเง‡เฆญเฆฟเฆ—เง‡เฆŸ เฆ•เฆฐเงเฆจ wp-admin –> NotificationX. Then, right at the top, click on โ€˜Add New'

WooCommerce Reviews

Step 2: Select Notification Source #

After completing step 1, you will be redirected to the 'เฆ‰เงŽเฆธ' เฆ†เฆชเฆจเฆพเฆฐ NotificationX เฆเฆฐ เฆŸเงเฆฏเฆพเฆฌ เฆชเงƒเฆทเงเฆ เฆพเฅค เฆ†เฆชเฆจเฆฟ เฆเฆ•เฆŸเฆฟ เฆถเฆฟเฆฐเง‹เฆจเฆพเฆฎเฆ“ เฆฐเฆพเฆ–เฆคเง‡ เฆชเฆพเฆฐเง‡เฆจเฅค เฆจเฆฟเฆฐเงเฆฌเฆพเฆšเฆจ เฆ•เฆฐเฆคเง‡ เฆกเงเฆฐเฆช-เฆกเฆพเฆ‰เฆจ เฆฎเง‡เฆจเง เฆฌเงเฆฏเฆฌเฆนเฆพเฆฐ เฆ•เฆฐเงเฆจ 'WooCommerce' เฆ†เฆชเฆจเฆพเฆฐ เฆฌเฆฟเฆœเงเฆžเฆชเงเฆคเฆฟเฆฐ เฆงเฆฐเฆจ เฆนเฆฟเฆธเฆพเฆฌเง‡เฅค

Drop down and choose โ€˜Reviewsโ€™ เฆฅเง‡เฆ•เง‡ 'เฆธเง‚เฆคเงเฆฐโ€™ options to choose your preferred notification type. There are also options to choose โ€˜Sales Notificationโ€™ as the source to display sales alerts.

However, if you have NotificationX เฆชเงเฆฐเง‹, You can display 'เฆ—เงเฆฐเง‹เฆฅ เฆ…เงเฆฏเฆพเฆฒเฆพเฆฐเงเฆŸ' for your WooCommerce store. Afterward, go ahead & click on the โ€˜เฆชเฆฐเฆฌเฆฐเงเฆคเง€โ€™ Button.

WooCommerce Reviews

Step 3: Customize The Design #

เฆฅเง‡เฆ•เง‡ 'เฆกเฆฟเฆœเฆพเฆ‡เฆจ' tab, you can choose a layout and have the flexibility to use the โ€˜Advanced Designโ€™ option to customize it according to your preference. From the 'เฆฅเฆฟเฆฎเฆธ' section, the chosen layout is how the review alerts will be displayed on your website.

You can customize your chosen Theme through the โ€˜Advanced Designโ€™ option. You can easily add styling to your design, image appearance, and typography from this section. You can add a Background or Text color for the notification popup. Besides you can also add a Border and add styling to it.

WooCommerce Reviews

เฆฆเงเฆฏ 'เฆšเฆฟเฆคเงเฆฐ เฆ‰เฆชเฆธเงเฆฅเฆฟเฆคเฆฟ' section lets you change the โ€˜Image Shapeโ€™ to out of these three: Rounded, Circle, and Square. You can also use the drop-down menu โ€˜Positionโ€™ to change the position of the image: Left or Right. From the โ€˜Typographyโ€™ section, you can also change the Font Size for each row.

Step 4: Modify The Content #

เฆเฆฐเฆชเฆฐเง‡ เฆ†เฆชเฆจเฆพเฆ•เง‡ เฆชเงเฆจเฆƒเฆจเฆฟเฆฐเงเฆฆเง‡เฆถเฆฟเฆค เฆ•เฆฐเฆพ เฆนเฆฌเง‡ 'เฆฌเฆฟเฆทเฆฏเฆผเฆฌเฆธเงเฆคเงเฆฐ' tab, where you can modify your 'เฆฌเฆฟเฆœเงเฆžเฆชเงเฆคเฆฟ เฆŸเง‡เฆฎเงเฆชเฆฒเง‡เฆŸ' and add your preferred content text. These settings vary depending on the notification you are working with.

WooCommerce Reviews

NotificationX offers a 'เฆฌเฆฟเฆœเงเฆžเฆชเงเฆคเฆฟ เฆŸเง‡เฆฎเงเฆชเฆฒเง‡เฆŸ' for your content. You can easily go ahead and choose your preferred variables. These variables help display the user’s name who has purchased a specific product within a certain time interval. You can also add your text, which will appear in the notification popup.

Step 5: Customize The Display #

เฆฎเฆงเงเฆฏเง‡ 'เฆชเงเฆฐเฆฆเฆฐเงเฆถเฆจ' tab are two available sections: Image & Visibility. You can use the checkbox from the โ€˜Imageโ€™ section 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 display the โ€˜Defaultโ€™ image by selecting the โ€˜Default Imageโ€™ checkbox and uploading a default image.

WooCommerce Reviews

Besides, you will have the opportunity to display the product image purchased by the customer. This option is only available for the WooCommerce/ EDD type of Notifications.

You can set the pages where you want to display the review alerts from the’ Visibility’ section. By default, โ€˜Show Onโ€™ is set to โ€˜Show Everywhereโ€™. As a result, the notification will be displayed on every page of your website. On the other hand, you can also specify the pages where you want to display or hide the notification. After you click the โ€˜Nextโ€™ button, you will be redirected to the 'เฆ•เฆพเฆธเงเฆŸเฆฎเฆพเฆ‡เฆœ เฆ•เฆฐเงเฆจ' เฆŸเงเฆฏเฆพเฆฌเฅค

Step 6: Customize Timing, Behavior & More #

เฆ…เฆงเง€เฆจเง‡ 'เฆ•เฆพเฆธเงเฆŸเฆฎเฆพเฆ‡เฆœ' tab, you will find three separate sections: Appearance, Timing & Behavior. From the โ€˜Appearanceโ€™ section, you can set the position where you want to display the 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.

You can set the position for notification to either the bottom left or bottom right side of your website. You can also show a โ€˜Close Button,โ€™ which can be clicked to close the notification. Furthermore, you can hide the notification for mobile devices if you want to do so as well.

WooCommerce Reviews

Besides, you can set time for the โ€˜Initialโ€™, โ€˜Display Forโ€™ & โ€˜Delay Betweenโ€™ options per your preference from the โ€˜Timingโ€™ section. You can set an initial time, after which your notification will be popped up. By default, it is set to 5 seconds. You can also set a time limit for how long you want each notification popup displayed by modifying the โ€˜Display Forโ€™ field. To choose a time interval between two notifications, set the time in the โ€˜Display Betweenโ€™ field.

You can display the number of sales made for the past few days from the’ Behavior’ section. By checking the โ€˜Loop Notificationโ€™ box, the notification popup will keep on displaying. You can disable this as well. When a visitor clicks on the notification popup, you can control whether you want the link to open in a new window or a new tab from the โ€˜Open link in new tabโ€™ checkbox.

เฆงเฆพเฆช 7: เฆ†เฆชเฆจเฆพเฆฐ เฆฌเฆฟเฆœเงเฆžเฆชเงเฆคเฆฟ เฆชเงเฆฐเฆ•เฆพเฆถ เฆ•เฆฐเงเฆจ #

เฆ†เฆชเฆจเฆฟ 6 เฆงเฆพเฆช เฆถเง‡เฆท เฆ•เฆฐเฆพเฆฐ เฆชเฆฐเง‡, เฆ•เงเฆฒเฆฟเฆ• เฆ•เฆฐเงเฆจ 'เฆชเงเฆฐเฆ•เฆพเฆถ' เฆฌเง‹เฆคเฆพเฆฎ

WooCommerce Reviews

As a result, the notification will be successfully created. By following these steps and a bit more modifying & styling, your outcome will look like this.

WooCommerce Reviews

This is how you can easily design and display appealing โ€˜WooCommerce reviewsโ€™ for products เฆ†เฆชเฆจเฆพเฆฐ เฆ“เฆฏเฆผเฆพเฆฐเงเฆกเฆชเงเฆฐเง‡เฆธ เฆ“เฆฏเฆผเง‡เฆฌเฆธเฆพเฆ‡เฆŸเง‡ NotificationX เฆฌเงเฆฏเฆฌเฆนเฆพเฆฐ เฆ•เฆฐเง‡เฅค

เฆ†เฆชเฆจเฆฟ เฆฏเฆฆเฆฟ เฆ•เง‹เฆจเฆ“ เฆธเฆฎเฆธเงเฆฏเฆพเฆฐ เฆฎเงเฆ–เง‹เฆฎเงเฆ–เฆฟ เฆนเฆจ เฆคเฆฌเง‡ เฆ†เฆฎเฆพเฆฆเง‡เฆฐ เฆธเฆพเฆฅเง‡ เฆฏเง‹เฆ—เฆพเฆฏเง‹เฆ— เฆ•เฆฐเฆคเง‡ เฆชเฆพเฆฐเง‡เฆจ เฆธเฆนเฆพเฆฏเฆผเฆคเฆพ เฆฆเฆฒ.

เฆฆเงเฆฌเฆพเฆฐเฆพ เฆšเฆพเฆฒเฆฟเฆค BetterDocs

  • 00เฆฆเฆฟเฆจเฆ—เงเฆฒเฆฟ
  • 00เฆ˜เฆจเงเฆŸเฆพเฆฐ
  • 00Mins
  • 00Secs

Biggest Seasonal Savings For

A SUCCESSFUL 2026