justdevstudio

<p>Snootl allows you to easily integrate a feedback widget into your WordPress site.</p>
<p>You can control widget visibility based on user roles, display it only to logged-in users, or make it available to all visitors.</p>
<h3>External services</h3>
<p>This plugin connects to Snootl services to provide feedback collection functionality.</p>
<ol>
<li>API validation<br />
The plugin sends the API key entered by the site administrator to:<br />
https://app.snootl.com/api/widgets/{API_KEY}</li>
</ol>
<p>This request is used to validate the API key and retrieve widget configuration.<br />
No personal data is sent during this request, only the API key provided by the administrator.</p>
<ol>
<li>Frontend widget script<br />
When the widget is enabled, the plugin loads a JavaScript file from:<br />
https://cdn.snootl.com/scripts/widget/snootl-widget.esm.js</li>
</ol>
<p>This script is required to display the feedback widget on the website.</p>
<p>When visitors interact with the widget, the Snootl service may process:<br />
– Feedback content submitted by the user<br />
– Technical data such as browser type, device, and page URL<br />
– Interaction metadata such as timestamps and actions</p>
<p>This data is used solely to provide and improve the service.</p>
<p>Service provider: Snootl<br />
Terms of Service: https://snootl.com/terms-of-service/<br />
Privacy Policy: https://snootl.com/privacy-policy/</p>


Feedback Widget for Snootl

A modern WordPress plugin to integrate the Feedback Widget for Snootl into your website.

<p><img class="aligncenter size-full wp-image-18734005868714" src="https://woocommerce.com/wp-content/uploads/2018/10/top-quality-store-program.gif" alt="An animation of the “Top Quality Store on Google” badge on desktop." width="980" height="490" /></p>
<h2>Integrate with Google’s Store Quality Program and Display the Top Quality Store Badge in your WooCommerce store</h2>
<ul>
<li>This extension integrates the <strong data-start="7805" data-end="7832">Google Customer Reviews</strong> opt‑in and website badge on WooCommerce. When customers opt in, Google emails a brief survey after delivery; their responses feed your <strong data-start="7968" data-end="7984">Store rating</strong>, which can appear on Search & Shopping and help drive qualified traffic. Store ratings are also an input to Google’s <strong data-start="8102" data-end="8119">Store Quality</strong> program, which may unlock the <strong data-start="8150" data-end="8171">Top Quality Store</strong> badge for merchants that consistently deliver exceptional experiences.</li>
<li>The <strong>Google Customer Reviews</strong> badge is a useful tool for letting your users know what others think of their experiences on your site. By adding the badge to your website, you can lead to higher levels of engagement and bringing in more qualified shoppers to your site.</li>
<li>Google will display your <strong>Seller Rating</strong> in search and shopping ads.</li>
<li>Save time! <strong>No coding required</strong> to integrate your WooCommerce store with Google Merchant Center Customer Reviews.</li>
<li>Easy setup! Enter your <strong>Google Merchant ID</strong> and begin displaying the <strong>Google Reviews Badge</strong> on your site, and the <strong>Opt-In Survey pop-up</strong> on the Thank You page (immediately after checkout), and start collecting valuable reviews. Get a free Google Merchant ID <a href="https://www.google.com/retail/solutions/merchant-center/" target="_blank" rel="noopener">here</a>.</li>
</ul>
<h2>How does the Google Customer Reviews Program generate reviews?</h2>
<h3>Step 1: Customer Reviews Opt-In Survey Pop-up</h3>
<p>Your shoppers will see this Customer Reviews Opt-In Window <strong>immediately after Checkout</strong>. In this pop-up Google asks for permission to send a one-minute survey to collect feedback on the shopping experience.</p>
<figure id="attachment_3385545" aria-describedby="caption-attachment-3385545" style="width: 712px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-survey-request1.jpg"><img class="wp-image-3385545" src="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-survey-request1.jpg" alt="Google Customer Reviews Optin Window" width="712" height="406" /></a><figcaption id="caption-attachment-3385545" class="wp-caption-text">Your shoppers will see this Customer Reviews Opt-In Window immediately after Checkout.</figcaption></figure>
<p>Once your customers agree by clicking “Yes” they will see a confirmation of their opting in.</p>
<figure id="attachment_3384631" aria-describedby="caption-attachment-3384631" style="width: 714px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-confirmation-survey-request.jpg"><img class="wp-image-3384631" src="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-confirmation-survey-request.jpg" alt="Opt-In Survey Confirmation" width="714" height="407" /></a><figcaption id="caption-attachment-3384631" class="wp-caption-text">Customer Reviews Opt-In Survey Confirmation</figcaption></figure>
<h3>Step 2: Your customers will then receive an email from the Google Customer Reviews Program</h3>
<p>This email will ask your customer to review their shopping experience.</p>
<figure id="attachment_18734001387182" aria-describedby="caption-attachment-18734001387182" style="width: 826px" class="wp-caption aligncenter"><img class="size-full wp-image-18734001387182" src="https://woocommerce.com/wp-content/uploads/2018/10/google-customer-reviews-review-request.png" alt="Email from Google Customer Reviews Program asking for review of shopping experience." width="826" height="530" /><figcaption id="caption-attachment-18734001387182" class="wp-caption-text">Google Customer Reviews Program will send an email to your customers asking them to review their shopping experience.</figcaption></figure>
<h3>Step 3: Customers will be able to rate their experience and leave a review</h3>
<figure id="attachment_18734001387223" aria-describedby="caption-attachment-18734001387223" style="width: 765px" class="wp-caption aligncenter"><img class="size-full wp-image-18734001387223" src="https://woocommerce.com/wp-content/uploads/2018/10/google-customer-reviews-leaving-five-star-review.png" alt="Google Customer Reviews program allows users to leave a review about their shopping experience. " width="765" height="577" /><figcaption id="caption-attachment-18734001387223" class="wp-caption-text">Your customers will be able to rate their experience and write a review.</figcaption></figure>
<figure id="attachment_18734001387233" aria-describedby="caption-attachment-18734001387233" style="width: 770px" class="wp-caption aligncenter"><img class="size-full wp-image-18734001387233" src="https://woocommerce.com/wp-content/uploads/2018/10/google-customer-reviews-review-confirmation-page.png" alt="Google Customer Reviews program review confirmation page." width="770" height="439" /><figcaption id="caption-attachment-18734001387233" class="wp-caption-text">Once your customer leaves a review, they will see a confirmation page and the process will be complete.</figcaption></figure>
<h2>How to Display your Google Store Quality Widget and Seller Rating on your site</h2>
<h3>Google Store Quality Widget (formerly Customer Reviews Ratings Badge) – DESKTOP</h3>
<figure id="attachment_18734005868740" aria-describedby="caption-attachment-18734005868740" style="width: 980px" class="wp-caption aligncenter"><img class="size-large wp-image-18734005868740" src="https://woocommerce.com/wp-content/uploads/2018/10/top-quality-store-badge-2.jpg?w=980" alt="The "Top Quality Store" badge, which displays on your listings, improves customer confidence in buying products from your business" width="980" height="499" /><figcaption id="caption-attachment-18734005868740" class="wp-caption-text">The “Top Quality Store” badge, which displays on your listings, improves customer confidence in buying products from your business</figcaption></figure>
<p><img class="aligncenter size-full wp-image-18734005868739" src="https://woocommerce.com/wp-content/uploads/2018/10/top-quality-store-badge-1.jpg" alt="The Top Quality Store Widget shows your seller rating and it is linked to a Google page where all the reviews are displayed." width="980" height="496" /></p>
<h3>Google Store Quality Widget (formerly Customer Reviews Ratings Badge) – MOBILE</h3>
<figure id="attachment_18734005868810" aria-describedby="caption-attachment-18734005868810" style="width: 450px" class="wp-caption aligncenter"><img class="wp-image-18734005868810 " src="https://woocommerce.com/wp-content/uploads/2018/10/top-quality-store-badge-mobile-1.jpg?w=714" alt="Top Quality Store Badge Mobile" width="450" height="818" /><figcaption id="caption-attachment-18734005868810" class="wp-caption-text">Top Quality Store Badge on Mobile</figcaption></figure>
<h3>Clicking on the Top Quality Store Widget will open the “Store Quality” page by Google</h3>
<figure id="attachment_18734005868832" aria-describedby="caption-attachment-18734005868832" style="width: 750px" class="wp-caption aligncenter"><img class="size-medium wp-image-18734005868832" src="https://woocommerce.com/wp-content/uploads/2018/10/top-quality-store-page-1.jpg?w=750" alt="Top Quality Store Google Page" width="750" height="692" /><figcaption id="caption-attachment-18734005868832" class="wp-caption-text">Clicking on “More about this store”</figcaption></figure>
<hr />
<h2>Actual customer website using this extension:</h2>
<ul>
<li style="list-style-type: none">
<ul>
<li><a href="https://worldofhoney.com/" target="_blank" rel="noopener">World of Honey</a> <strong>Top Quality Store</strong> – USA, <a href="https://www.google.com/storepages?q=worldofhoney.com&c=US&v=19" target="_blank" rel="noopener">Customer Reviews</a></li>
</ul>
</li>
</ul>
<hr />
<h2>Other ways to Display a Google Customer Reviews Badge on your Website</h2>
<h3>Add Badge Anywhere Via Shortcodes, Widgets or Menus</h3>
<figure id="attachment_5687002" aria-describedby="caption-attachment-5687002" style="width: 295px" class="wp-caption aligncenter"><img class="size-medium wp-image-5687002" src="https://woocommerce.com/wp-content/uploads/2018/10/google-merchant-center-badge-shortcode.jpg?w=295" alt="google merchant center badge shortcode" width="295" height="407" /><figcaption id="caption-attachment-5687002" class="wp-caption-text">Add Badge Shortcode Anywhere via Gutenberg Editor</figcaption></figure>
<figure id="attachment_5687010" aria-describedby="caption-attachment-5687010" style="width: 300px" class="wp-caption aligncenter"><img class="wp-image-5687010" src="https://woocommerce.com/wp-content/uploads/2018/10/add-google-merchant-center-light-badge-via-menu.png?w=446" alt="add google merchant center badge via menu" width="300" height="260" /><figcaption id="caption-attachment-5687010" class="wp-caption-text">Add Light or Dark Background Badge via Appearance > Menu</figcaption></figure>
<h2>Light and Dark background Google Customer Reviews Badges.</h2>
<figure id="attachment_5686997" aria-describedby="caption-attachment-5686997" style="width: 466px" class="wp-caption aligncenter"><img class="size-medium wp-image-5686997" src="https://woocommerce.com/wp-content/uploads/2018/10/google-merchant-center-light-badge.jpg?w=466" alt="Google Merchant Center light Background Badge" width="466" height="153" /><figcaption id="caption-attachment-5686997" class="wp-caption-text">Light Background Vanity Badge</figcaption></figure>
<figure id="attachment_5686998" aria-describedby="caption-attachment-5686998" style="width: 466px" class="wp-caption aligncenter"><img class="wp-image-5686998 size-medium" src="https://woocommerce.com/wp-content/uploads/2018/10/google-merchant-center-dark-background-badge.jpg?w=466" alt="add google merchant center badge via menu" width="466" height="155" /><figcaption id="caption-attachment-5686998" class="wp-caption-text">Dark Background Vanity Badge</figcaption></figure>
<h3>Get GTIN Data from Your Products from Different Sources</h3>
<figure id="attachment_5687018" aria-describedby="caption-attachment-5687018" style="width: 620px" class="wp-caption aligncenter"><img class="size-medium wp-image-5687018" src="https://woocommerce.com/wp-content/uploads/2018/10/GTIN-data-google-merchant-center-customer-reviews.jpg?w=620" alt="GTIN data google merchant center customer reviews" width="620" height="208" /><figcaption id="caption-attachment-5687018" class="wp-caption-text">Get GTIN from Custom Fields, or Google Product Feed plugin, or have the plugin Add a custom GTIN field in your products.</figcaption></figure>
<h3>Customer Reviews Extension Settings</h3>
<figure id="attachment_3384614" aria-describedby="caption-attachment-3384614" style="width: 980px" class="wp-caption aligncenter"><a href="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-1.jpg"><img class="wp-image-3384614 size-full" src="https://woocommerce.com/wp-content/uploads/2018/08/woocommerce-google-merchant-center-screenshot-1.jpg" alt="Google Merchant Center Customer Reviews extension" width="980" height="559" /></a><figcaption id="caption-attachment-3384614" class="wp-caption-text">The Google Merchant Center Customer Reviews plugin settings are simple and easy to use.</figcaption></figure>
<hr />
<h2>Activate Google Customer Reviews in your Google Merchant Center account</h2>
<p>In order to use Google Customer Reviews, you’ll need to enable it in your Google Merchant Center account.</p>
<ol>
<li>Access your <a href="https://www.google.com/retail/solutions/merchant-center/" target="_blank" rel="noopener">Merchant Center account</a> by logging in.</li>
<li>To make sure that your Merchant Center account is fully functional, ensure that it has been verified and claimed.</li>
<li>Select Settings > Add-ons</li>
<li>Locate for Google Customer Reviews in the Discover tab.</li>
<li>To sign up, click on the “<strong>Set up</strong>“, or “<strong>Add</strong>” button.</li>
</ol>
<p>More about about Google Customer Reviews <a href="https://support.google.com/googleshopping/answer/7163734?hl=en#:~:text=Google%20Customer%20Reviews%20is%20a,an%20informed%20decision%20to%20purchase." target="_blank" rel="noopener">here</a>. Once you create your <a href="https://www.google.com/retail/solutions/merchant-center/" target="_blank" rel="noopener noreferrer">Google Merchant Center</a> account, you can proceed to enable the Customer Reviews program:</p>
<figure id="attachment_18734005868883" aria-describedby="caption-attachment-18734005868883" style="width: 800px" class="wp-caption aligncenter"><img class="wp-image-18734005868883 size-medium" src="https://woocommerce.com/wp-content/uploads/2018/10/merchant-center-setup-menu-3.jpg?w=800" alt="Enable the Customer Reviews Program" width="800" height="503" /><figcaption id="caption-attachment-18734005868883" class="wp-caption-text">Enable the Customer Reviews Program</figcaption></figure>
<h2>Track your Reviews in Google Merchant Center</h2>
<p>In order to use Google Customer Reviews, you’ll need to enable it in your Google Merchant Center account.</p>
<figure id="attachment_18734001396717" aria-describedby="caption-attachment-18734001396717" style="width: 650px" class="wp-caption aligncenter"><img class="size-large wp-image-18734001396717" src="https://woocommerce.com/wp-content/uploads/2018/10/google-merchant-center-review-tracking.png?w=650" alt="" width="650" height="450" /><figcaption id="caption-attachment-18734001396717" class="wp-caption-text">Google Merchant Center Customer Reviews dashboard</figcaption></figure>
<ul>
<li><strong>Top Quality Store</strong> eligibility is determined solely by <strong>Google</strong> using multiple quality signals; using this extension does not guarantee a badge.</li>
<li>To make a store<strong> Top Quality</strong>, Google asks businesses for data on certain experience categories when you shop, like shipping and returns policies, among others. Google also checks user ratings and the business’s website to measure its quality and accessibility. To estimate the expected quality of a shopping experience, Google considers all of that info together. The businesses with the highest ratings earn the Top Quality Store badge. You can find the badge on Google and the store’s website.</li>
</ul>

Google Top Quality Store & Reviews Integration

<p>Integrate Google’s Customer Reviews survey opt-in and the official Top Quality Store widget — collect verified seller ratings after checkout and display your store’s rating badge. Includes customizable badge positioning, margin controls, and optional custom ratings badges for both desktop and mobile.</p>

Feedback Widget for Snootl vs Google Top Quality Store & Reviews Integration