Google Review Widget ✨- Embed to your website now

<!DOCTYPE html> <html lang="en"> <head>  <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Google Review Widget ✨- Embed to your website now</title> <meta name="description" content="100% free Google Review Widget ✅ Embed into your website in 2 minutes ✅ No coding necessary ✅ Get your free widget now!"/> <link rel="icon" href="https://app.wondersites.org/templates/review-widget.net/assets/img/favicon-review-widget.png" type="image/png"> <link rel="stylesheet" href="https://app.wondersites.org/templates/review-widget.net/assets/css/style.css"> <script type="text/javascript" src="https://grwapi.net/widget.min.js" async></script> <script type="text/javascript" src="https://account.review-widget.net/placeidform/placeIdForm.js"></script> <script id="Cookiebot" src="https://consent.cookiebot.com/uc.js" data-cbid="0887c6d3-63b0-44e9-9fd8-6292c5b4fcf2" data-blockingmode="auto" type="text/javascript"></script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NPFKJKN');</script> </head> <body class="text-app font-sans">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NPFKJKN" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="min-h-screen flex flex-col">  <header> <nav class="container flex items-center justify-between py-6 relative"> <a href="index.html" class="block w-32 lg:w-44"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-logo.png" class="block w-full" alt="Review Widget"> </a> <nav class="flex-1 flex justify-end text-sm lg:text-lg"> <ul id="menu" class="hidden absolute top-full right-0 bg-white shadow-lg w-full max-w-xs lg:relative lg:flex lg:top-0 lg:shadow-none items-center lg:mr-8 text-app-grey"> <li class="my-1"><a href="index.html#features" class="block py-2 px-4 hover:text-app transition-all">Features</a></li> <li class="my-1"><a href="index.html#widgets" class="block py-2 px-4 hover:text-app transition-all">Widgets</a></li> <li class="my-1"><a href="index.html#pricing" class="block py-2 px-4 hover:text-app transition-all">Pricing</a></li> </ul> <ul class="flex items-center text-app-grey"> <li class="my-1 mr-2"> <a href="https://account.review-widget.net/register" class="bg-app-blue text-white py-2 lg:py-4 px-2 lg:px-6 shadow-xl rounded hover:bg-app-text transition-all">Create widget now</a> </li> </ul> </nav> <div class="flex lg:hidden ml-8 justify-end cursor-pointer" id="nav-button"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/icons/hamburger-icon.svg" alt="Hamburger" class="pointer-events-none"> </div> </nav> </header>   <section class="flex w-full bg-app-lighterGrey" id="hero"> <div class="container flex flex-col lg:flex-row items-center justify-between py-6">  <div class="flex-1 max-w-lg pt-8 lg:pt-0"> <h1 class="font-bold text-4xl lg:text-6xl text-app text-center lg:text-left">Get your free <span class="text-app-blue">Google</span> Reviews Widget now!</h1> <p class="text-lg my-5 text-center lg:text-left">Embed our Google review widget into your own website and increase customer trust and gain more orders with your own Google My Business reviews.</p>  <div class="block text-sm lg:text-lg w-full relative"> <label for="search" class="absolute z-10 left-4 top-1/2 transform -translate-y-1/2 text-app-lightGrey text-xl w-6 h-6"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/icons/search-icon.svg" alt="Search" class="block w-full h-auto"> </label> <input type="text" id="company_name" aria-describedby="placeIdHelp" placeholder="Search your business name .." class="block w-full shadow-md bg-white rounded-lg py-4 lg:py-6 pl-14 pr-32 outline-none hover:shadow-lg focus:shadow-lg transition-all"> <input type="text" id="placeid" hidden=""> <button class="absolute right-2 top-1/2 transform -translate-y-1/2 text-white bg-app-blue py-2 lg:py-3 px-3 lg:px-6 rounded" onclick="createWidget(); dataLayer.push({'event' : 'RWTrackEvent','eventCategory' : 'placeidSearch','eventAction' : 'completed','eventLabel' : 'www'});" class="createWidgetButton">Create widget</button> </div>  <a href="https://www.producthunt.com/posts/review-widget?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-review-widget" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=312715&theme=light" alt="Review Widget - An easy solution to show your Google reviews | Product Hunt" style="margin-top: 10px; padding-top: 5px; height: 45px;" height="45" /></a> </div>   <div class="flex-1 max-w-xl mt-8 lg:mt-0 lg:max-w-2xl relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/main-img-bg.svg" class="w-full h-auto">  <div class="absolute w-4/5 h-5/6 left-1/2 top-1/2 transform -translate-y-1/2 -translate-x-1/2"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-1.png" class="absolute w-2/4 top-0 left-0 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-2.png" class="absolute w-2/4 top-2/4 left-0 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-3.png" class="absolute w-5/12 bottom-0 left-0 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-4.png" class="absolute w-5/12 top-0 right-0 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-5.png" class="absolute w-3/12 top-1/3 right-1/3 transform translate-x-2/3 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-6.png" class="absolute w-5/12 bottom-1/3 transform translate-y-1/2 right-0 h-auto"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/square-widget-7.png" class="absolute w-1/3 bottom-0 right-1/4 transform translate-x-2/4 h-auto"> </div>  </div>  </div> </section>   <section class="flex w-full bg-white" id="features"> <div class="container flex flex-col py-20">  <div class="w-full max-w-xl mx-auto text-center text-lg"> <p class="text-app-blue mb-4 tracking-wider text-base">FEATURES OF GOOGLE REVIEW WIDGET</p> <h2 class="text-4xl">Here is why you should use the Google review widget</h2> <p class="text-app-text mt-4">Embedding Google reviews into your website is easier than ever. With our Google Reviews Widget, you can embed your Google reviews into your website with just two simple lines of code.</p> </div>   <article class="flex flex-col lg:flex-row text-center lg:text-left items-center gap-8 py-20"> <div class="flex-1 flex justify-end"> <picture> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/feature-1.png" class="w-full h-auto max-w-md"> </picture> </div> <div class="flex-1 text-lg"> <h3 class="text-4xl max-w-md mx-auto lg:mx-0">Modern and appealing widget designs</h3> <p class="text-app-text mt-4">You can choose between a broad range of widget templates. All widgets are designed to fit into every website design and to catch the customer attention to gain trust and increase sales.</p> <div class="block mt-4"> <a href="#widgets" class="py-2 pr-2 text-app-blue hover:text-app transition-all">See our widgets <span class="w-5 h-5 inline-block align-middle ml-2"> <svg width="21" height="16" viewBox="0 0 21 16" class="fill-current w-full h-auto" xmlns="http://www.w3.org/2000/svg"><path d="M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z"/></svg> </span> </a> </div> </div> </article>   <article class="flex flex-col lg:flex-row text-center lg:text-left gap-12 lg:gap-0 items-center py-20"> <div class="flex-2 text-lg"> <h3 class="text-4xl max-w-sm mx-auto lg:mx-0">Easy to embed into all kinds of websites</h3> <p class="text-app-text mt-4">After you sign up and choose your widget you get 2 simple lines of HTML code. You or your technical administrator can easily embed this code to any kind of website system where ever you want.</p> <div class="block mt-4"> <a href="#hero" class="py-2 pr-2 text-app-blue hover:text-app transition-all">Create your widget now <span class="w-5 h-5 inline-block align-middle ml-2"> <svg width="21" height="16" viewBox="0 0 21 16" class="fill-current w-full h-auto" xmlns="http://www.w3.org/2000/svg"><path d="M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z"/></svg> </span> </a> </div> </div> <div class="flex-3"> <picture class="block"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/feature-2.png" class="w-full h-auto max-w-3xl"> </picture> </div> </article>   <article class="flex items-center flex-col-reverse lg:flex-row text-center lg:text-left gap-14 py-20"> <div class="flex-1 flex justify-end pr-8"> <picture> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/feature-3.png" class="w-full h-auto max-w-md"> </picture> </div> <div class="flex-1 text-lg"> <h3 class="text-4xl max-w-sm mx-auto lg:mx-0">Google review rich snippets included</h3> <p class="text-app-text mt-4">All badges and widgets come with rich snippet markup. So if Google decides to show rich snippets for your website you’ll be prepared.</p> <p class="text-app-text mt-4">Results with review snippets in the Google search result have a huge impact on your SEO.</p> <div class="block mt-4"> <a href="#widgets" class="py-2 pr-2 text-app-blue hover:text-app transition-all">See our widgets <span class="w-5 h-5 inline-block align-middle ml-2"> <svg width="21" height="16" viewBox="0 0 21 16" class="fill-current w-full h-auto" xmlns="http://www.w3.org/2000/svg"><path d="M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z"/></svg> </span> </a> </div> </div> </article>   <article class="flex items-center flex-col lg:flex-row text-center lg:text-left gap-14 py-20"> <div class="flex-1 text-lg"> <h3 class="text-4xl max-w-xs mx-auto lg:mx-0">Good ratings impact your orders</h3> <p class="text-app-text mt-4">According to studies the integration of a review widget on your website can increase your sales by approximately 5% if you have at least 50 positive reviews. Further more 63% of customers are more likely to make a purchase from a site that has user reviews.</p> <div class="block mt-4"> <a href="#widgets" class="py-2 pr-2 text-app-blue hover:text-app transition-all">Drive more sales now <span class="w-5 h-5 inline-block align-middle ml-2"> <svg width="21" height="16" viewBox="0 0 21 16" class="fill-current w-full h-auto" xmlns="http://www.w3.org/2000/svg"><path d="M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z"/></svg> </span> </a> </div> </div> <div class="flex-1"> <picture class="block"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/feature-4.png" class="w-full h-auto max-w-xl"> </picture> </div> </article>   <article class="flex items-center flex-col-reverse lg:flex-row text-center lg:text-left gap-14 py-24"> <div class="flex-1 flex justify-end"> <picture> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/feature-5.png" class="w-full h-auto max-w-md"> </picture> </div> <div class="flex-1 text-lg"> <h3 class="text-4xl max-w-lg mx-auto lg:mx-0">Collect more positive Google ratings automatically</h3> <p class="text-app-text mt-4">Beside the rating widgets we developed a review invitation tool for your customers. Whenever a customer is happy with your service we will automatically invite him to write an awesome review for your company.</p> <div class="block mt-4"> <a href="#widgets" class="py-2 pr-2 text-app-blue hover:text-app transition-all">Get more google ratings now <span class="w-5 h-5 inline-block align-middle ml-2"> <svg width="21" height="16" viewBox="0 0 21 16" class="fill-current w-full h-auto" xmlns="http://www.w3.org/2000/svg"><path d="M20.7071 8.70711C21.0976 8.31658 21.0976 7.68342 20.7071 7.29289L14.3431 0.928932C13.9526 0.538408 13.3195 0.538408 12.9289 0.928932C12.5384 1.31946 12.5384 1.95262 12.9289 2.34315L18.5858 8L12.9289 13.6569C12.5384 14.0474 12.5384 14.6805 12.9289 15.0711C13.3195 15.4616 13.9526 15.4616 14.3431 15.0711L20.7071 8.70711ZM0 9H20V7H0V9Z"/></svg> </span> </a> </div> </div> </article>   <div class="w-full mx-auto text-center text-lg"> <h2 class="text-4xl mx-auto max-w-xl">Embed your review widget into all website systems</h2> <p class="text-app-text mt-4 mx-auto max-w-3xl">You can easily embed the Google review widget into all website systems without the need of any third party plugin or module. Just insert our 2 lines of simple code and you are done.</p> </div>   <div class="w-full mt-12"> <p class="text-app-blue tracking-widest text-sm mb-4 uppercase text-center">Available For</p> <div class="w-full flex flex-wrap justify-center lg:flex-nowrap items-center gap-4 lg:gap-8"> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-wordpress.png" alt="Google Widget Wordpress" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Wordpress <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-wix.png" alt="Google Widget Wix" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Wix <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-shopify.png" alt="Google Widget Shopify" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Shopify <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-drupal.png" alt="Google Widget Drupal" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Drupal <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-squarespace.png" alt="Google Widget Square Space" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for SquareSpace <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-weebly.png" alt="Google Widget Weebly" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Weebly <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> <div class="group relative"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/logo/google-review-widget-prestashop.png" alt="Google Widget Presta Shop" class="block w-full h-auto max-h-10"> <div class="opacity-0 pointer-events-none transition-all absolute bottom-full w-36 left-1/2 transform -translate-x-1/2 text-center py-2 px-2 text-sm lg:text-base bg-app text-white rounded group-hover:opacity-100"> Google review widget for Prestashop <div class="w-6 h-3 bg-app absolute -bottom-2 left-1/2 transform -translate-x-1/2" style="clip-path: polygon(50% 100%, 0 0, 100% 0);"></div> </div> </div> </div> </div>  </div> </section>   <section class="flex w-full bg-app-lighterGrey" id="widgets"> <div class="container flex flex-col py-20">  <div class="w-full max-w-2xl mx-auto text-center text-lg"> <p class="text-app-blue mb-4 tracking-wider text-base">DEMO</p> <h2 class="text-4xl font-bold">See your Google review badges in action</h2> <p class="text-app-text mt-4">We created a large set of review widgets for your website. All badges and widgets can be easily implemented into all kinds of websites. Due to the neutral design of our widgets they fit into nearly every layout.</p> </div>   <div class="w-full flex flex-col-reverse lg:flex-row items-center gap-8 py-12"> <div class="flex-1 flex flex-col gap-2 items-center lg:items-end"> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="5" data-lang="en" data-theme="light"></div> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="1" data-lang="en" data-theme="light"></div> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="2" data-lang="en" data-theme="light"></div> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="3" data-lang="en" data-theme="light"></div> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="4" data-lang="en" data-theme="light"></div> </div> <div class="flex-1"> <h3 class="font-bold text-2xl">Small Badges</h3> <p class="mt-5 text-lg text-app-text max-w-lg">The micro badges are the perfect choice for the header or footer area of a website. Due to their compressed design, they fit particularly well in smaller areas of your website. All widgets also come with a dark version and are therefore ideal for displaying on dark backgrounds.</p> </div> </div>   <div class="w-full flex lg:justify-center flex-col lg:flex-row items-center gap-8 py-12"> <div class="flex-1 lg:max-w-sm text-center lg:text-right"> <h3 class="font-bold text-2xl">Medium widgets Badges</h3> <p class="mt-5 text-lg text-app-text lg:max-w-lg lg:ml-auto">The mini badges are very suitable for the content area of a website or for the footer. All widgets and badges also come as dark versions and are therefore always</p> </div> <div class="lg:flex-1 w-full max-w-xl block gap-2 relative h-80 lg:h-80">  <div class="absolute left-0 top-0 w-20 md:w-28 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-1.png" class="w-full h-auto"> </div> <div class="absolute left-0 bottom-0 w-28 md:w-48 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-2.png" class="w-full h-auto"> </div> <div class="absolute left-24 md:left-32 top-0 w-28 md:w-48 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-3.png" class="w-full h-auto"> </div> <div class="absolute right-4 md:right-12 top-0 w-24 md:w-44 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-4.png" class="w-full h-auto"> </div> <div class="absolute right-2 bottom-24 w-28 md:w-48 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-5.png" class="w-full h-auto"> </div> <div class="absolute right-0 bottom-4 w-28 md:w-48 flex shadow-md rounded-md"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/medium-widget-6.png" class="w-full h-auto"> </div>   <div class="w-full flex justify-center absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2"> <div class="review-widget_net shadow-xl" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="6" data-lang="en" data-theme="light"></div> </div>  </div> </div>   <div class="w-full flex flex-col items-center gap-14 py-12"> <div class="w-full max-w-4xl text-center"> <h3 class="font-bold text-2xl">Comment Widgets</h3> <p class="mt-5 text-lg text-app-text">Our review widgets give your customers the best overview of your reviews. They can filter the reviews to show only the reviews they want to display on their website. These widgets, like all other widgets, come in a dark version and can therefore also be installed on darker backgrounds.</p> </div> <div class="w-full max-w-5xl flex items-center flex-col relative"> <div class="mb-12 w-full max-w-3xl"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/comment-widget-1.png" class="w-full h-auto"> </div> <div class="w-full max-w-5xl"> <img src="https://app.wondersites.org/templates/review-widget.net/assets/img/widgets/comment-widget-2.png" class="w-full h-auto"> </div>  <div class="w-full max-w-4xl absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2" style="background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,0.5));"> <div class="review-widget_net" data-uuid="7ff98510-220a-404c-a581-463c0ba97bb5" data-template="14" data-filter="4,5" data-lang="en" data-theme="light"></div> </div>  </div> </div>  </div> </section>   <section class="flex w-full bg-white" id="pricing"> <div class="container flex flex-col py-20">  <div class="w-full max-w-xl mx-auto text-center text-lg"> <h2 class="text-4xl">Low costs and high value</h2> <p class="text-app-text mt-4">Risk-free, you can cancel at anytime.</p> </div>   <div class="w-full flex flex-col lg:flex-row gap-24 lg:gap-8 max-w-4xl mx-auto py-24">  <div class="flex-1 flex flex-col items-center border border-app-borderGrey py-12 px-4">  <div class="flex flex-col mb-6"> <div> <h3 class="text-xl font-bold text-center">Rating widgets</h3> <h2 class="text-5xl mt-3 mb-1 text-app-blue font-normal text-center">$0<small class="pl-1 text-app font-bold text-sm">USD</small></h2> <p class="text-base text-app-text text-center">Per year</p> </div> <div class="mt-4 flex justify-center"> <a href="#hero" class="border border-app-borderGrey rounded text-base py-2 px-6 text-app-blue transition-all hover:border-app-blue">Create free widget now</a> </div> </div>   <div class="flex"> <ul class="check-list text-lg text-app-text"> <li class="pl-8 my-2">1 widget per domain</li> <li class="pl-8 my-2">Review updates: 30 days</li> <li class="pl-8 my-2">Unlimited requests</li> <li class="pl-8 my-2">Google rich snippet data</li> <li class="pl-8 my-2">English language</li> <li class="pl-8 my-2"><s>Reviews filters</s></li> <li class="pl-8 my-2">Templates: Rating widget</li> <li class="pl-8 my-2">Support of light and dark backgrounds</li> <li class="pl-8 my-2">Branding</li> </ul> </div>  </div>   <div class="flex-1 flex flex-col items-center border border-app-blue py-12 px-4 relative">  <div class="absolute left-0 -top-10 h-10 transform -translate-y-1 -translate-x-px w-full bg-app-lightBlue text-app-blue border z-0 border-app-lightBlue box-content text-center text-base uppercase flex justify-center items-center"> Recommended </div>   <div class="flex flex-col mb-6"> <div> <h3 class="text-xl font-bold text-center">Pro widgets</h3> <h2 class="text-5xl mt-3 mb-1 text-app-blue font-normal text-center">69<small class="pl-1 text-app font-bold text-sm">EUR</small></h2> <p class="text-base text-app-text text-center">annually</p> </div> <div class="mt-4 flex justify-center"> <a href="#hero" class="border border-app-blue bg-app-blue rounded text-base py-2 px-6 text-white transition-all hover:bg-app-grey hover:border-app-grey">Start Now</a> </div> </div>   <div class="flex"> <ul class="check-list text-lg text-app-text"> <li class="pl-8 my-2">Unlimited widgets per Domain</li> <li class="pl-8 my-2">Review updates: daily</li> <li class="pl-8 my-2">Unlimited requests</li> <li class="pl-8 my-2">Google rich snippet data</li> <li class="pl-8 my-2">Multiple languages</li> <li class="pl-8 my-2">Reviews filters</li> <li class="pl-8 my-2">Templates: Rating widget, comment widgets</li> <li class="pl-8 my-2">Support of light and dark backgrounds</li> <li class="pl-8 my-2"><s>Branding</s></li> </ul> </div>  </div>  </div>  </div> </section>   <section class="flex w-full bg-app-lighterGrey"> <div class="container flex flex-col py-20">  <div class="w-full max-w-xl mx-auto text-center text-lg"> <h2 class="text-4xl font-bold">Find the answer you need</h2> </div>   <div class="w-full max-w-5xl mx-auto mt-14 border-t border-app-borderGrey">  <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">What is a Google review widget and why should I use it?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <h3>What is Google My Business?</h3> <p class="text-lg text-app-text">Google My Business (also known as ‘Google Local’) is a free service provided by Google which allows companies to setup a business page that is highlighting their products and services. Customers that used a service of a company can review their experience in the Google My Business profile of this company.</p> <h3>Why should I care about my Google reviews?</h3> <p class="text-lg text-app-text">Statistics say that 75% of customers make a decision based on the ratings of a company. Therefore it is very important for you as a company decision-maker to gain more positive reviews and to implement these reviews on your website and let your customers know how good you are.</p> <h3>What is a Google review widget?</h3> <p class="text-lg text-app-text">A Google review widget is a small peace of code that you can implement into your website in order to show your Google reviews on your website. This could look like:</p> <p class="text-lg text-app-text">Unfortunately Google themselves do not provide this a review widget. Therefore we created an easy solution for you to show your ratings on your website.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Can I integrate the widget into WordPress, Shopify or other systems?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <p class="text-lg text-app-text">When creating the widgets, we put a lot of emphasis on the fact that they are very easy to integrate into all websites.</p> <p class="text-lg text-app-text">You will get access to all widgets after registration and you can choose one. Afterwards you will receive a two-line code, which you can easily integrate into your website.</p> <p class="text-lg text-app-text">This code is also very easy to integrate into content management systems like WordPress, Wix, Shopify, Drupal and many others.</p> <p class="text-lg text-app-text">Especially in WordPress systems, the integration is super easy. You don’t need to install any additional plugins for all the above mentioned systems, which will slow down your website.</p> <p class="text-lg text-app-text">You also don’t need to get a Google API key to use our widgets.</p> <p class="text-lg text-app-text">If you want to know more about how to embed our widget to your WordPress website please read our article of How to embed Google reviews into WordPress without plugin?.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Is it easy to embed the widget into my website?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <p class="text-lg text-app-text">Sure, you need a teeny bit of technical understanding to implement our widgets. After you have completed the registration process and selected one of our review badges, you will receive a small code that you need to place on your website where you want the widget to appear later.</p> <p class="text-lg text-app-text">The code to include in your website is not complicated. It consists of two lines of code. One is the JavaScript that connects to the widget and the other is an HTML element that configures the widget.</p> <p class="text-lg text-app-text">The widget is built in such a way that it cannot cause any damage to your website.</p> <p class="text-lg text-app-text">If you want to know more about how to embed our widget to your website please read our article of How to embed Google review widgets with HTML code.</p> <p class="text-lg text-app-text">For other Google star rating widgets you need to sign up for the Google Places API in order to receive a public authentication key that you need to use to get the widget running. That sounds complicated, right? For our widgets there is no need for a complicated setup. You easily search your company and select your preferred widget and your done.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Can I use the review widget in multiple languages?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <p class="text-lg text-app-text">Our review widgets are build to be used in different languages. Even for the free account you can choose your language. The best thing is that we also translate your review to the language you’d like to show.</p> <p class="text-lg text-app-text">For example if you have french or german company that receives reviews in your local language but you want to show our widget in english we would also translate the german or french reviews to english.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Do you track my website users? </p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <p class="text-lg text-app-text">No we are totally GDPR conform. There is no data that we track in terms of your users behavior. No external tracking data will be loaded beside the widget.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Are the Google review snippets included in the free version?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <h3>What are Google review rich snippets? </h3> <p class="text-lg text-app-text">The so-called Google review snippets are small rating stars that a user can find in the Google search. These stars are only displayed by Google if a certain code can be found on the web page.</p> <p class="text-lg text-app-text">However, there is no guarantee that Google will display the review snippets if this code is present.</p> <h3>Are the Google review rich snippets included in the free version?</h3> <p class="text-lg text-app-text">The review snippets code is included in every version of our review widgets and review badges. However, there is no guarantee that Google will display the review snippets. You can test the functionality of the review snippets at any time here: Link to Google source.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Why does the Pro Widget not show all Reviews?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <h3>After upgrading the Free Widget not all Reviews show up </h3> <p class="text-lg text-app-text">Once you have upgraded your free widget the Reviews are showing up in our selected Pro Widgets.</p> <p class="text-lg text-app-text">Initially the Widget does not show all your Reviews but a random number of up to 5 reviews. This is normal and will grow as you keep collecting good reviews.</p> </div>  </div>   <div class="w-full border-b">  <div class="faq-question flex items-center justify-between cursor-pointer text-lg text-app-blue py-4"> <p class="pointer-events-none">Where can I find some examples of the widget?</p> <div class="faq-icon pointer-events-none transform transition-all ml-6"> <svg width="15" height="9" viewBox="0 0 15 9" class="fill-current" xmlns="http://www.w3.org/2000/svg"> <path d="M7.5002 8.77552C7.23137 8.77552 6.96258 8.67288 6.75762 8.46802L0.307956 2.01829C-0.102327 1.60801 -0.102327 0.942802 0.307956 0.532685C0.718073 0.122568 1.38314 0.122568 1.79346 0.532685L7.5002 6.23976L13.207 0.532885C13.6173 0.122768 14.2823 0.122768 14.6924 0.532885C15.1028 0.943001 15.1028 1.6082 14.6924 2.01849L8.24279 8.46822C8.03773 8.67311 7.76893 8.77552 7.5002 8.77552Z"/> </svg> </div> </div>   <div class="faq-answer hidden pointer-events-none pb-4"> <p class="text-lg text-app-text">We have several thousand users currently using our widget. You can find some examples here:</p> <ul> <li><a href="https://www.flaechenmakler.de/" target="_blank">flaechenmakler.de</a></li> <li><a href="https://www.pflegehilfe-senioren.de/" target="_blank">pflegehilfe-senioren.de</a></li> <li><a href="https://www.wishly.de/" target="_blank">wishly.de</a></li> <li><a href="https://www.dresslove.de/" target="_blank">dresslove.de</a></li> <li><a href="https://www.zahnjobs.de/employers" target="_blank">zahnjobs.de</a></li> </ul> </div>  </div>  </div>  </div> </section>   <section class="flex w-full bg-app-lighterGrey border-t border-app-lightGrey"> <div class="container flex flex-col-reverse lg:flex-row items-center py-8"> <div class="flex-auto pt-4 lg:pt-0"> <p class="text-app text-xs"><span class="text-lg leading-none align-left">©</span> Copyright - Google Review Widget - The service of this website is not performed by or directly related to the company Google LLC.</p> </div> <div class="flex flex-shrink-0"> <a href="privacy.html" class="text-app text-xs">Privacy Policy</a> - <a href="imprint.html" class="text-app text-xs">Imprint</a> </div> </div> </section>  </div> <script> /** * * Responsive Menu JS * */ function close_menu () { document.getElementById('menu').classList.add('hidden'); } function open_menu () { document.getElementById('menu').classList.remove('hidden'); } document.getElementById('nav-button').addEventListener('click', function (event) { if (document.getElementById('menu').classList.contains('hidden')) { open_menu(); } else { close_menu(); } }) document.body.addEventListener('click', function (event) { if (!(event.target.hasAttribute('id') && event.target.getAttribute('id') === 'nav-button')) { if (!document.getElementById('menu').classList.contains('hidden')) { close_menu(); } } }) /** * * FAQ Box JS * */ function close_faqs () { document.querySelectorAll('.faq-answer').forEach( function (el, index) { if (!el.classList.contains('hidden')) { el.classList.add('hidden'); var current_question = el.parentElement.querySelector('.faq-question'); current_question.querySelector('.faq-icon').classList.remove('rotate-180'); } }); } document.querySelectorAll('.faq-question').forEach( function (el, index) { el.addEventListener('click', function (e) { // closing current answer if opened var current_answer = el.parentElement.querySelector('.faq-answer'); if (!current_answer.classList.contains('hidden')) { current_answer.classList.add('hidden'); el.querySelector('.faq-icon').classList.remove('rotate-180'); } else { // closing all opened faqs close_faqs(); el.parentElement.querySelector('.faq-answer').classList.remove('hidden'); el.querySelector('.faq-icon').classList.add('rotate-180'); } }); }); </script>  <script>!(function (s, a, l, e, sv, i, ew, er) {try {(a =s[a] || s[l] || function () {throw "no_xhr";}),(sv = i = "https://salesviewer.org"),(ew = function(x){(s = new Image()), (s.src = "https://salesviewer.org/tle.gif?sva=J7x5m0l8z3a9&u="+encodeURIComponent(window.location)+"&e=" + encodeURIComponent(x))}),(l = s.SV_XHR = function (d) {return ((er = new a()),(er.onerror = function () {if (sv != i) return ew("load_err"); (sv = "https://www.salesviewer.com/t"), setTimeout(l.bind(null, d), 0);}),(er.onload = function () {(s.execScript || s.eval).call(er, er.responseText);}),er.open("POST", sv, !0),(er.withCredentials = true),er.send(d),er);}),l("h_json=" + 1 * ("JSON" in s && void 0 !== JSON.parse) + "&h_wc=1&h_event=" + 1 * ("addEventListener" in s) + "&sva=" + e);} catch (x) {ew(x)}})(window, "XDomainRequest", "XMLHttpRequest", "J7x5m0l8z3a9");</script> <noscript><img src="https://salesviewer.org/J7x5m0l8z3a9.gif" style="visibility:hidden;" /></noscript>  </body> </html>

CINXE.COM

Google Review Widget ✨- Embed to your website now