{"id":19982,"date":"2025-08-05T17:55:55","date_gmt":"2025-08-05T12:25:55","guid":{"rendered":"https:\/\/meetanshi.com\/blog\/?p=19982"},"modified":"2025-10-03T15:40:37","modified_gmt":"2025-10-03T10:10:37","slug":"how-to-display-google-reviews-in-magento-2","status":"publish","type":"post","link":"https:\/\/meetanshi.com\/blog\/how-to-display-google-reviews-in-magento-2\/","title":{"rendered":"How to Display Google Reviews in Magento 2? [Reviews Widget]"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Your best marketing? Real customer feedback. The Google Reviews Widget helps you showcase them live on your Magento 2 site, without any complex setup.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Displaying them on your Magento 2 store is straightforward with a widget extension.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This is how it appears.&nbsp;<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"243\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--700x243.png\" alt=\"Meetanshi Google Customer Review Wiget in frontend\" class=\"wp-image-19992\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--700x243.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--250x87.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--768x267.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--1536x533.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--403x140.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--964x335.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend--120x42.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Meetanshi-Google-Customer-Review-Wiget-in-frontend-.png 1999w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Adding a Google review can immensely boost trust with new visitors by showcasing real, verified customer feedback. Additionally, it serves powerful social proof, the store\u2019s credibility, and improves SEO.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Options to Display Google Reviews<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">There are mainly three ways to display Magento 2 Google customer reviews, let\u2019s see them real quick.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1. Using a Google Review Widget Extension (Recommended)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can use a third-party extension like Meetanshi Magento 2 Google Reviews Widget to pull and display real Google reviews directly on your store. Using it is easiest to manage with basic coding skills.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It offers a backend panel where you can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Add Place ID and API key<\/li>\n\n\n\n<li>Customize layout, colors, button text, and number of reviews<\/li>\n\n\n\n<li>Control display on desktop, tablet, and mobile<\/li>\n\n\n\n<li>Embed reviews via CMS blocks, pages, or .phtml templates<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">2. Use API Integration<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you are good with coding and developing, then use Google\u2019s Places API to fetch and display reviews dynamically. This method will give you full control over customization and appearance.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Add Screenshot or Clickable Badges<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">If you prefer a lightweight approach, then opt for taking screenshots of standout Google Reviews and uploading them as images under the \u201cTestimonials\u201d section or page.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can also add a clickable link or badges that redirect users to Google business review page, but the method won\u2019t show reviews directly on your Magento store.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">How to Use Magento 2 Google Reviews Widget Extension?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To use the <a href=\"https:\/\/meetanshi.com\/magento-2-google-reviews-widget.html\" target=\"_blank\" rel=\"noreferrer noopener\">Magento 2 Google Reviews Widget<\/a> extension, once it is installed successfully, you will need to follow the steps below:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 1: Get Place ID and Maps API Key<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Get your <a href=\"https:\/\/developers.google.com\/maps\/documentation\/places\/web-service\/place-id\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Place ID<\/a> using Google\u2019s Place ID Finder and a <a href=\"https:\/\/developers.google.com\/maps\/documentation\/places\/web-service\/get-api-key\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Maps API<\/a> key from the Google Cloud Console.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 2: Configure the Extension<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In Magento admin, go to <strong>Stores &gt; Configuration &gt; Meetanshi &gt; Google Customer Reviews<\/strong> to configure it and then adjust display settings like layout, colors, and review count.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"606\" height=\"210\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Magento-2-Google-Reviews-Widget-Settings.png\" alt=\"Magento 2 Google Reviews Widget Settings\" class=\"wp-image-19990\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Magento-2-Google-Reviews-Widget-Settings.png 606w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Magento-2-Google-Reviews-Widget-Settings-250x87.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Magento-2-Google-Reviews-Widget-Settings-403x140.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Magento-2-Google-Reviews-Widget-Settings-120x42.png 120w\" sizes=\"auto, (max-width: 606px) 100vw, 606px\" \/><\/figure>\n<\/div>\n\n\n<p class=\"wp-block-paragraph\">Then, click the <strong>Save<\/strong> button.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 3: Include the Widget Code on Any Page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Paste the widget block code where you want reviews to appear:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{block class=\"Meetanshi\\GoogleCustomerReviews\\Block\\Reviews\" template=\"Meetanshi_GoogleCustomerReviews::review.phtml\"}}\u00a0\u00a0<\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Use it in CMS pages, static blocks, or .phtml templates.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Step 4: Widget Added to the Page on Frontend<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Flush the Magento cache. The reviews will now be visible on the frontend, styled as per your settings.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"232\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--700x232.png\" alt=\"Google Customer Review\" class=\"wp-image-19988\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--700x232.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--250x83.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--768x255.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--1536x509.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--403x134.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--964x320.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review--120x40.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Google-Customer-Review-.png 1999w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Bonus: Change the Design of the Google Reviews Widget<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">You can easily match the widget design with your store using the Custom CSS option. Just enter custom CSS code to fully control the widget&#8217;s design and responsiveness.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>For example:<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"283\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-700x283.png\" alt=\"Customizable Google Reviews Widget\" class=\"wp-image-19986\" srcset=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-700x283.png 700w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-250x101.png 250w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-768x311.png 768w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-1536x622.png 1536w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-403x163.png 403w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-964x390.png 964w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget-120x49.png 120w, https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/08\/Customizable-Google-Reviews-Widget.png 1999w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/figure>\n<\/div>\n\n\n<h2 class=\"wp-block-heading\">Why Choose Our Extension Over Other Options?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Our extension offers a simple yet powerful way to display real-time, verified Google customer reviews in Magento. It is quick and easy to set up, offers numerous customization options, all of this without any coding.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Plus, it also has an advanced option for custom CSS and is specifically built for Magento 2. It integrates swiftly and is backed by expert support.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><div class=\"meetanshi-cta\">\r\n<div class=\"cta-content-wrapper\">\r\n<span>Magento 2 Google Reviews Widget<\/span>\r\n<p>Build Trust. Show Proof. Grow Sales \u2013 Install the Widget Now!<\/p>\r\n<a href=\"https:\/\/meetanshi.com\/magento-2-google-reviews-widget.html\" target=\"_blank\" class=\"btn-primary\">Install Now<\/a>\r\n<\/div>\r\n<div class=\"cta-image-new\">\r\n<img decoding=\"async\" src=\"https:\/\/meetanshi.com\/blog\/wp-content\/uploads\/2025\/11\/magento-2-google-reviews-widget.png\" alt=\"Magento 2 Google Reviews Widget\">\r\n<\/div>\r\n<\/div><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">FAQs<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Is the Extension Hyv\u00e4 Compatible?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Yes, the extension is fully compatible with Hyv\u00e4 themes and works seamlessly with its structure.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">How to Display Google Reviews in Magento 2 Footer?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Add the widget block code to a static block and assign that block to the footer container via layout settings or XML. Use this code:<\/p>\n\n\n\n<pre class=\"EnlighterJSRAW\" data-enlighter-language=\"generic\" data-enlighter-theme=\"\" data-enlighter-highlight=\"\" data-enlighter-linenumbers=\"\" data-enlighter-lineoffset=\"\" data-enlighter-title=\"\" data-enlighter-group=\"\">{{block class=\"Meetanshi\\GoogleCustomerReviews\\Block\\Reviews\" template=\"Meetanshi_GoogleCustomerReviews::review.phtml\"}}\u00a0\u00a0<\/pre>\n\n\n\n<script type=\"application\/ld+json\">\n{\n  \"@context\": \"https:\/\/schema.org\",\n  \"@type\": \"FAQPage\",\n  \"mainEntity\": [\n    {\n      \"@type\": \"Question\",\n      \"name\": \"Is the Extension Hyv\u00e4 Compatible?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Yes, the extension is fully compatible with Hyv\u00e4 themes and works seamlessly with its structure.\"\n      }\n    },\n    {\n      \"@type\": \"Question\",\n      \"name\": \"How to Display Google Reviews in Magento 2 Footer?\",\n      \"acceptedAnswer\": {\n        \"@type\": \"Answer\",\n        \"text\": \"Add the widget block code to a static block and assign that block to the footer container via layout settings or XML. Use this code: {{block class=\\\"Meetanshi\\\\GoogleCustomerReviews\\\\Block\\\\Reviews\\\" template=\\\"Meetanshi_GoogleCustomerReviews::review.phtml\\\"}}\"\n      }\n    }\n  ]\n}\n<\/script>\n\n\n\n\n<p class=\"wp-block-paragraph\">It will display your Google reviews in the footer section of your store.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Your best marketing? Real customer feedback. The Google Reviews Widget helps you showcase them live on your Magento 2 site, without any complex setup. Displaying&#8230;<\/p>\n","protected":false},"author":32,"featured_media":21051,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[34],"tags":[],"class_list":["post-19982","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-magento"],"acf":[],"_links":{"self":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19982","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/users\/32"}],"replies":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/comments?post=19982"}],"version-history":[{"count":7,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19982\/revisions"}],"predecessor-version":[{"id":23154,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/posts\/19982\/revisions\/23154"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media\/21051"}],"wp:attachment":[{"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/media?parent=19982"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/categories?post=19982"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/meetanshi.com\/blog\/wp-json\/wp\/v2\/tags?post=19982"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}