Darmowy widget z opiniami Google Moja Firma

Artykuł napisany przez Hawkly

DARMOWY WIDGET z opiniami google

Opublikowany w dniu 19 sierpnia, 2025

Opinie klientów w Google Moja Firma mają ogromny wpływ na wizerunek marki oraz decyzje zakupowe potencjalnych klientów. Dlatego warto je odpowiednio wyeksponować na swojej stronie internetowej. Najprostszym i darmowym sposobem jest widget z opiniami Google, który można dodać na każdą stronę — niezależnie od silnika (WordPress, Joomla, PrestaShop, Shopify czy strona w czystym HTML).

Dzięki prostemu fragmentowi kodu w CSS, JS i HTML możesz w kilka minut wdrożyć odznakę z oceną i linkiem do wizytówki Google.

Dlaczego warto dodać widget z opiniami Google?

  1. Budowanie zaufania – widoczna ocena i liczba opinii od realnych klientów zwiększa wiarygodność firmy.
  2. Lepsze SEO lokalne – opinie Google są istotnym czynnikiem rankingowym w wynikach wyszukiwania.
  3. Wyższa konwersja – pozytywne recenzje wpływają na decyzje zakupowe.
  4. Łatwy dostęp do opinii – jednym kliknięciem klient przechodzi do pełnej listy opinii na Twojej wizytówce Google.

Darmowy widget na każdą stronę

Widget działa uniwersalnie — wystarczy skopiować kod i wkleić go do swojej strony internetowej.
Nie wymaga instalacji dodatkowych wtyczek ani zaawansowanej konfiguracji.

widget opinii google

Kod CSS

#reviews-badge{
  position:fixed; left:16px; bottom:16px; z-index:9999;
  background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:12px;
  box-shadow:0 6px 24px rgba(0,0,0,.12);
  padding:10px 12px; font:500 14px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Arial;
  display:flex; align-items:center; gap:8px;
}
#reviews-badge .rb-link{ display:flex; align-items:center; gap:8px; text-decoration:none; color:#111; }
#reviews-badge .rb-stars{ letter-spacing:2px; font-size:16px; color:#f5a623; }
#reviews-badge .rb-score{ font-weight:700; }
#reviews-badge .rb-text{ opacity:.75; }
#reviews-badge .rb-close{
  margin-left:6px; border:0; background:transparent; cursor:pointer;
  font-size:18px; line-height:1; color:#888;
}
@media (max-width: 576px){
  #reviews-badge{ left:8px; bottom:8px; padding:8px 10px; }
  #reviews-badge .rb-text{ display:none; }
}

Zacznij zdobywać klientów z Google

Twoja strona może sprzedawać więcej — zajmiemy się SEO od A do Z, bez długoterminowych umów.

  • ✔️ Zwiększamy widoczność Twojej strony
  • ✔️ Tworzymy i optymalizujemy podstrony
  • ✔️ Przyspieszamy działanie strony
  • ✔️ Wdrażamy skuteczne rozwiązania SEO
  • ✔️ Budujemy wartościowe linki
Sprawdź ofertę
               SEO

Kod JavaScript

<script>
document.addEventListener('DOMContentLoaded', function(){
  var badge = document.getElementById('reviews-badge');
  if(!badge) return;
  var closeBtn = badge.querySelector('.rb-close');
  if(closeBtn){
    closeBtn.addEventListener('click', function(){
      badge.style.display = 'none';
      try {
        localStorage.setItem('rb_closed','1');
      } catch(e){}
    });
  }
  if(localStorage.getItem('rb_closed') === '1'){
    badge.style.display = 'none';
  }
});
</script>

Kod HTML do wklejenia w <body>

<div id="reviews-badge" aria-label="Opinie klientów">
  <a href="TWOJ_LINK_DO_WIZYTÓWKI_GOOGLE" class="rb-link" rel="nofollow">
    <svg width="20" height="20" viewBox="0 0 48 48"> <path fill="#4285F4" d="M24 9.5c3.94 0 6.61 1.7 8.14 3.13l6-6C34.43 3.58 29.7 1.5 24 1.5 14.91 1.5 7.2 6.84 3.72 14.54l7.02 5.46C12.48 14.51 17.74 9.5 24 9.5z"></path> <path fill="#34A853" d="M46.27 24.5c0-1.6-.14-3.12-.41-4.6H24v9.05h12.5c-.54 2.9-2.13 5.35-4.54 7.02l7.02 5.46c4.11-3.79 7.29-9.5 7.29-16.93z"></path> <path fill="#FBBC05" d="M10.74 28.18a14.4 14.4 0 0 1-.75-4.68c0-1.63.27-3.23.75-4.68l-7.02-5.46C2.64 16.7 2 20.27 2 23.5c0 3.23.64 6.8 1.72 9.64l7.02-5.46z"></path> <path fill="#EA4335" d="M24 47.5c6.48 0 11.91-2.13 15.88-5.8l-7.02-5.46c-2 1.34-4.58 2.15-8.86 2.15-6.26 0-11.52-5.01-13.26-11.5l-7.02 5.46C7.2 41.16 14.91 47.5 24 47.5z"></path> </svg>
    <span class="rb-stars">★★★★★</span>
    <span class="rb-score">4,7/5</span>
    <span class="rb-text">na podstawie 115 opinii</span>
  </a>
  <button class="rb-close" aria-label="Zamknij odznakę">&times;</button>
</div>

Możesz także dodać dane strukturalne JSON-LD, aby poprawić widoczność ocen w wyszukiwarkach (tzw. rich snippets).

Zalety darmowego widgetu opinii Google

  • 100% darmowy – zero ukrytych kosztów.
  • Prosty w implementacji – wystarczy wkleić gotowy kod.
  • Responsywny – dostosowany do komputerów i urządzeń mobilnych.
  • Personalizowany – możesz zmienić kolory, tekst i wygląd pod swoją stronę.
  • Uniwersalny – działa na każdej platformie i CMS.

Dodanie darmowego widgetu z opiniami Google Moja Firma to szybki sposób na zwiększenie wiarygodności Twojej strony. Dzięki niemu klienci od razu zobaczą ocenę i recenzje Twojej firmy, a jednym kliknięciem przejdą do pełnej listy opinii.

👉 Skopiuj powyższy kod, wklej go do swojej strony i zacznij czerpać korzyści z autentycznych opinii klientów już dziś!

Średnia ocena 5 / 5. Ilość głosów 6

Opublikowany przez Hawkly

Hawkly.pl to miejsce dla każdego, kto chce, aby jego strona internetowa wyróżniała się w sieci. Oferujemy bogaty wybór usług wspierających pozycjonowanie oraz optymalizację działań marketingowych online. Niezależnie od tego, czy stawiasz pierwsze kroki w SEO, czy poszukujesz zaawansowanych rozwiązań, u nas znajdziesz wszystkie narzędzia potrzebne do zwiększenia widoczności witryny i przyciągnięcia nowych klientów.
0
    0
    Twój koszyk
    Twój koszyk jest pusty!Wróć do sklepu!
    hawkly logo
    Przegląd prywatności

    Ta strona korzysta z ciasteczek, aby zapewnić Ci najlepszą możliwą obsługę. Informacje o ciasteczkach są przechowywane w przeglądarce i wykonują funkcje takie jak rozpoznawanie Cię po powrocie na naszą stronę internetową i pomaganie naszemu zespołowi w zrozumieniu, które sekcje witryny są dla Ciebie najbardziej interesujące i przydatne.