{"id":14955,"date":"2023-12-18T09:39:00","date_gmt":"2023-12-18T09:39:00","guid":{"rendered":"https:\/\/notificationx.com\/?post_type=docs&#038;p=14955"},"modified":"2023-12-18T09:39:02","modified_gmt":"2023-12-18T09:39:02","password":"","slug":"woocommerce-reviews-notificationx","status":"publish","type":"docs","link":"https:\/\/notificationx.com\/nl\/docs\/woocommerce-reviews-notificationx\/","title":{"rendered":"How To Display WooCommerce Reviews For Products In NotificationX?"},"content":{"rendered":"<p class=\"wp-block-paragraph\"><a href=\"https:\/\/notificationx.com\/nl\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Kennisgeving X<\/strong><\/a> geeft u de mogelijkheid om te laten zien <strong>WooCommerce reviews<\/strong> for products on your WordPress website every time a customer reviews your products on the <a href=\"https:\/\/wordpress.org\/plugins\/woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce<\/strong><\/a> 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.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-align-center\"><strong>How To Display WooCommerce Reviews For Products In NotificationX?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Before getting started, you need to have <a href=\"https:\/\/woo.com\/document\/installing-uninstalling-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>WooCommerce installed and activated<\/strong><\/a> on your website to use this feature. Follow this step-by-step guide below to learn how to display WooCommerce reviews for products.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 1: Nieuwe melding toevoegen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Ga naar je WordPress-dashboard en navigeer naar <strong>wp-admin &#8211;&gt; NotificationX<\/strong>. Then, right at the top, click on <strong>\u2018Add New<\/strong>&#039;.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1349\" height=\"655\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2.png\" alt=\"WooCommerce Reviews\" class=\"wp-image-14956\" title=\"How to Use 'Sales Notification' in NotificationX? 1\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2.png 1349w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2-300x146.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2-1024x497.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2-768x373.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-2-360x175.png 360w\" sizes=\"(max-width: 1349px) 100vw, 1349px\" \/><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 2: Select Notification Source<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">After completing step 1, you will be redirected to the <strong>&#039;Bron&#039; <\/strong>Tabpagina van uw NotificationX. Je kunt ook een titel plaatsen. Gebruik het vervolgkeuzemenu om te selecteren <strong>&#039;WooCommerce&#039;<\/strong> als uw meldingstype.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Drop down and choose <strong>\u2018Reviews\u2019<\/strong> van de &#039;<strong>Bron<\/strong>\u2019 options to choose your preferred notification type. There are also options to choose \u2018Sales Notification\u2019 as the source to display sales alerts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, if you have <a href=\"https:\/\/notificationx.com\/nl\/docs\/purchase-notificationx-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>NotificationX PRO<\/strong><\/a>, You can display <strong>&#039;Groeiwaarschuwing&#039;<\/strong> for your WooCommerce store. Afterward, go ahead &amp; click on the \u2018<strong>De volgende<\/strong>\u2019 Button.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"728\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-6.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14957\" title=\"\"><\/figure>\n<\/div>\n\n\n<h3 class=\"wp-block-heading\">Step 3: Customize The Design<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Van de<strong> &#039;Ontwerp&#039;<\/strong> tab, you can choose a layout and have the flexibility to use the \u2018Advanced Design\u2019 option to customize it according to your preference. From the<strong> &#039;Thema&#039;s&#039; <\/strong>section, the chosen layout is how the review alerts will be displayed on your website.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can customize your chosen Theme through the \u2018Advanced Design\u2019 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.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"727\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-7.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14958\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">De<strong> &#039;Beeldweergave&#039;<\/strong> section lets you change the \u2018Image Shape\u2019 to out of these three: Rounded, Circle, and Square. You can also use the drop-down menu \u2018Position\u2019 to change the position of the image: Left or Right. From the \u2018Typography\u2019 section, you can also change the Font Size for each row.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Modify The Content<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">U wordt dan doorverwezen naar de<strong> &#039;Inhoud&#039;<\/strong> tab, where you can modify your <strong>&#039;Meldingssjabloon&#039; <\/strong>and add your preferred content text. These settings vary depending on the notification you are working with.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"728\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-8.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14959\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">NotificationX offers a <strong>&#039;Meldingssjabloon&#039; <\/strong>for your content. You can easily go ahead and choose your preferred variables. These variables help display the user&#8217;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.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 5: Customize The Display<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In de<strong> &#039;Scherm&#039;<\/strong> tab are two available sections: Image &amp; Visibility. You can use the checkbox from the \u2018Image\u2019 section to display the default image or an avatar in the notification popup. If the users don\u2019t have any \u2018Avatar\u2019 set in their profile, you can display the \u2018Default\u2019 image by selecting the \u2018Default Image\u2019 checkbox and uploading a default image.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"726\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-9.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14960\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">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.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can set the pages where you want to display the review alerts from the&#8217; Visibility&#8217; section. By default, \u2018Show On\u2019 is set to \u2018Show Everywhere\u2019. 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 \u2018Next\u2019 button, you will be redirected to the<strong> &#039;Aanpassen<\/strong>&#039; Tab.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 6: Customize Timing, Behavior &amp; More<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Onder de <strong>&#039;Aanpassen&#039; <\/strong>tab, you will find three separate sections: Appearance, Timing &amp; Behavior. From the \u2018Appearance\u2019 section, you can set the position where you want to display the notification and use the checkbox to disable\/enable the \u2018Close Button\u2019 &amp; \u2018Hide on Mobile\u2019 options. You can even set a max width for your Notification Popup as well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can set the position for notification to either the bottom left or bottom right side of your website. You can also show a \u2018Close Button,\u2019 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.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"728\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-10.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14961\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Besides, you can set time for the \u2018Initial\u2019, \u2018Display For\u2019 &amp; \u2018Delay Between\u2019 options per your preference from the \u2018Timing\u2019 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 \u2018Display For\u2019 field. To choose a time interval between two notifications, set the time in the \u2018Display Between\u2019 field.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can display the number of sales made for the past few days from the&#8217; Behavior&#8217; section. By checking the \u2018Loop Notification\u2019 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 \u2018Open link in new tab\u2019 checkbox.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Stap 7: Publiceer uw melding<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Nadat u stap 6 heeft voltooid, klikt u op <strong>&#039;Publiceren&#039;<\/strong> knop.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"757\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3.png\" alt=\"WooCommerce Reviews\" class=\"wp-image-14962\" title=\"\" srcset=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3.png 1600w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-300x142.png 300w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-1024x484.png 1024w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-768x363.png 768w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-1536x727.png 1536w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-18x9.png 18w, https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-3-360x170.png 360w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">As a result, the notification will be successfully created. By following these steps and a bit more modifying &amp; styling, your outcome will look like this.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1440\" height=\"742\" src=\"https:\/\/notificationx.com\/wp-content\/uploads\/2023\/12\/image-11.gif\" alt=\"WooCommerce Reviews\" class=\"wp-image-14963\" title=\"\"><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">This is how you can easily design and display appealing<strong> \u2018WooCommerce reviews\u2019 <\/strong>for products<strong> <\/strong>op uw WordPress-website met NotificationX.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Als u problemen ondervindt, kunt u contact opnemen met onze <a href=\"https:\/\/notificationx.com\/nl\/support\/\" target=\"_blank\" rel=\"noreferrer noopener\"><strong>Ondersteuningsteam<\/strong><\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Unlock the potential of customer feedback with WooCommerce Reviews in NotificationX! Learn how to showcase product reviews as engaging popups on your WordPress site for free.<\/p>","protected":false},"author":28,"featured_media":14957,"template":"","meta":{"_eb_attr":"","inline_featured_image":false,"_eb_data_table":"","_analytify_skip_tracking":false,"footnotes":""},"doc_category":[163],"doc_tag":[280,279,278,277],"class_list":["post-14955","docs","type-docs","status-publish","has-post-thumbnail","hentry","doc_category-setup-integrations","doc_tag-product-reviews","doc_tag-review-alerts","doc_tag-woocommerce","doc_tag-woocommerce-product-reviews"],"year_month":"2026-07","word_count":963,"total_views":"21861","reactions":{"happy":"0","normal":"0","sad":"0"},"author_info":{"name":"Abdullah Mamun","author_nicename":"mamun","author_url":"https:\/\/notificationx.com\/nl\/author\/mamun\/"},"doc_category_info":[{"term_name":"Setup Integrations","term_url":"https:\/\/notificationx.com\/nl\/docs-category\/setup-integrations\/"}],"doc_tag_info":[{"term_name":"Product Reviews","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/product-reviews\/"},{"term_name":"Review Alerts","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/review-alerts\/"},{"term_name":"WooCommerce","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/woocommerce\/"},{"term_name":"WooCommerce Product Reviews","term_url":"https:\/\/notificationx.com\/nl\/docs-tag\/woocommerce-product-reviews\/"}],"knowledge_base_info":[],"knowledge_base_slug":[],"_links":{"self":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/14955","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/users\/28"}],"version-history":[{"count":4,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/14955\/revisions"}],"predecessor-version":[{"id":14978,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/docs\/14955\/revisions\/14978"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/media\/14957"}],"wp:attachment":[{"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/media?parent=14955"}],"wp:term":[{"taxonomy":"doc_category","embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/doc_category?post=14955"},{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/notificationx.com\/nl\/wp-json\/wp\/v2\/doc_tag?post=14955"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}