{"id":368999,"date":"2023-02-06T15:59:00","date_gmt":"2023-02-06T12:59:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=368999"},"modified":"2023-04-18T09:07:17","modified_gmt":"2023-04-18T06:07:17","slug":"jak-latwo-dodac-widzet-opinii-google-w-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pl\/jak-latwo-dodac-widzet-opinii-google-w-wordpress\/","title":{"rendered":"Jak \u0142atwo doda\u0107 wid\u017cet opinii Google w WordPress"},"content":{"rendered":"\n

Umieszczanie recenzji w Twojej witrynie jest zawsze dobrym posuni\u0119ciem dla zaanga\u017cowania Twojej marki. Recenzje mog\u0105 nie tylko pom\u00f3c w zdobyciu zaufania klient\u00f3w, ale mog\u0105 r\u00f3wnie\u017c pom\u00f3c w utrzymaniu tak bardzo potrzebnej wiarygodno\u015bci w twoim zawodzie. Co wi\u0119cej, gdy potencjalni klienci otrzymaj\u0105 pozytywn\u0105 recenzj\u0119 w Twojej witrynie, b\u0119d\u0105 znacznie bardziej sk\u0142onni do kupowania oferowanych przez Ciebie produkt\u00f3w lub us\u0142ug.<\/p>\n

Teraz, bez wzgl\u0119du na to, czy planujesz korzysta\u0107 z us\u0142ugi takiej jak Yelp, czy zdecydujesz si\u0119 na star\u0105 dobr\u0105 recenzj\u0119 Google, istnieje wiele r\u00f3\u017cnych narz\u0119dzi, kt\u00f3rych mo\u017cesz u\u017cy\u0107, aby doda\u0107 recenzj\u0119 biznesow\u0105 do swojej witryny WordPress<\/a>. Je\u015bli jednak zdecydujesz si\u0119 u\u017cy\u0107 recenzji Google do tego zadania, jednym z najskuteczniejszych sposob\u00f3w na to jest skorzystanie z pomocy dedykowanego wid\u017cetu opinii Google. Tym razem poka\u017cemy, jak \u0142atwo wstawia\u0107 i dostosowywa\u0107 recenzje Google do WordPress za pomoc\u0105 wtyczki Qi Addons for Elementor i jej praktycznego wid\u017cetu Google Business Reviews<\/strong>. B\u0105d\u017a na bie\u017c\u0105co, poniewa\u017c om\u00f3wimy:<\/p>\n

Dlaczego dodatki Qi do Elementora to najlepszy wyb\u00f3r do dodawania recenzji Google w Twojej witrynie?<\/h2>\n

Oferuj\u0105c ponad sto darmowych i premium dodatk\u00f3w, Qi Addons for Elementor<\/a> to jedna z najlepszych wtyczek opartych na wid\u017cetach, kt\u00f3rych mo\u017cesz u\u017cy\u0107 do zbudowania praktycznie dowolnego typu elementu w swojej witrynie. Obejmuje to wszystko, od kreatywnych i biznesowych dodatk\u00f3w po dodatki do infografik, a nawet elementy WooCommerce.<\/p>\n

Na tej li\u015bcie wid\u017cet\u00f3w znajdziesz r\u00f3wnie\u017c p\u0142atny wid\u017cet o nazwie Wid\u017cet Opinie o firmach Google<\/a>. Jak sama nazwa wskazuje, ten wid\u017cet s\u0142u\u017cy do wy\u015bwietlania opinii Google w Twojej witrynie na wiele r\u00f3\u017cnych stylowych sposob\u00f3w. Wygl\u0105d listy recenzji mo\u017cna dostosowa\u0107 na wiele sposob\u00f3w \u2013 ustawi\u0107 uk\u0142ad i liczb\u0119 kolumn, stylizowa\u0107 kolory i typografi\u0119, dostosowywa\u0107 dope\u0142nienia<\/strong> i nie tylko. Ponadto integracja opinii Google jest tak \u0142atwa, jak to tylko mo\u017cliwe \u2013 wystarczy wprowadzi\u0107 klucz Google API i gotowe. Wi\u0119c bez dalszych ceregieli zobaczmy, jak mo\u017cesz to wszystko zrobi\u0107.<\/p>\n

Jak doda\u0107 i dostosowa\u0107 Google Widget Opinie o firmie<\/h2>\n

Po zainstalowaniu wtyczki Qi Addons for Elementor w swojej witrynie mo\u017cesz doda\u0107 wid\u017cet Business Reviews Google, wyszukuj\u0105c go na pasku bocznym Elementora. Nast\u0119pnie przeci\u0105gnij wid\u017cet na praw\u0105 stron\u0119 ekranu<\/strong>.<\/p>\n

\"Jak<\/a><\/p>\n

Teraz, gdy wstawisz wid\u017cet opinii Google na swoj\u0105 stron\u0119, zobaczysz, \u017ce pocz\u0105tkowo jest on pusty. Zobaczysz r\u00f3wnie\u017c powiadomienie o konieczno\u015bci wstawienia interfejsu Google Places API na stronie Qi Addons for Elementor’s Integration.<\/p>\n

Wstawili\u015bmy ju\u017c tutaj nasz klucz API Miejsc Google:<\/p>\n

\"Jak<\/a><\/p>\n

Aby aktywowa\u0107 ten klucz w wid\u017cecie, musisz wstawi\u0107 identyfikator miejsca, kt\u00f3ry mo\u017cna znale\u017a\u0107 na stronie identyfikatora miejsca Google Developers<\/strong>.<\/p>\n

Tam wpisz lokalizacj\u0119 swojej firmy w pasku wyszukiwania mapy, a nast\u0119pnie skopiuj identyfikator miejsca, kt\u00f3ry pojawi si\u0119 na ekranie.<\/p>\n

\"Jak<\/a><\/p>\n

Nast\u0119pnie wklej skopiowany klucz w polu Identyfikator miejsca<\/strong>.<\/p>\n

Oto jak wygl\u0105da nasz wid\u017cet po wstawieniu naszego identyfikatora miejsca:<\/p>\n

\"Jak<\/a><\/p>\n

Od tego momentu mo\u017cesz r\u00f3wnie\u017c wybra\u0107, czy chcesz, aby Twoja lista wygl\u0105da\u0142a jak Galeria czy Mur (w naszym przyk\u0142adzie u\u017cyjemy Galerii). Ustawili\u015bmy r\u00f3wnie\u017c Liczb\u0119 kolumn na jeden.<\/p>\n

\"Jak<\/a><\/p>\n

Dost\u0119pna jest r\u00f3wnie\u017c opcja Columns Responsive, kt\u00f3ra pozwala ustawi\u0107 oddzieln\u0105 liczb\u0119 kolumn dla r\u00f3\u017cnych ekran\u00f3w, oraz opcj\u0119 Space Between Items, kt\u00f3rej nazwa jest do\u015b\u0107 oczywista. Ustawili\u015bmy t\u0119 opcj\u0119 na 75px, aby stworzy\u0107 dodatkow\u0105 przestrze\u0144 mi\u0119dzy naszymi recenzjami.<\/p>\n

Mo\u017cesz tak\u017ce wybra\u0107, czy chcesz mie\u0107 granice mi\u0119dzy przedmiotami i dostosowa\u0107 liczb\u0119 recenzji wy\u015bwietlanych na Twojej stronie (wybrali\u015bmy 2).<\/p>\n

\"Jak<\/a><\/p>\n

Nast\u0119pnie sekcja Uk\u0142ad pozwala wybra\u0107 wygl\u0105d ikon reprezentuj\u0105cych ocen\u0119<\/strong> \u2014 obejmuje to ikony Oznaczone i Nieoznaczone.<\/p>\n

Wybrali\u015bmy t\u0119 sam\u0105 ikon\u0119 SVG dla ikon oznaczonych i nieoznaczonych. Upewnij si\u0119, \u017ce klikniesz przycisk Wstaw multimedia,<\/strong> gdy sko\u0144czysz wybiera\u0107 w\u0142asne.<\/p>\n

\"Jak<\/a>\"Jak<\/a><\/p>\n

Nast\u0119pnie masz opcje, aby w\u0142\u0105czy\u0107 cie\u0144 mi\u0119dzy elementami (domy\u015blnie jest ustawiony na Tak) i wybra\u0107 Uk\u0142ad elementu. Istnieje mo\u017cliwo\u015b\u0107 wy\u015bwietlania na ekranie r\u00f3\u017cnych opcji w zale\u017cno\u015bci od uk\u0142adu wybranego dla element\u00f3w recenzji.<\/p>\n

Na przyk\u0142ad, je\u015bli wybierzesz uk\u0142ad Boxed Centered lub Boxed, otrzymasz r\u00f3wnie\u017c opcje ustawienia dope\u0142nienia, promienia obramowania i koloru t\u0142a swoich element\u00f3w.<\/p>\n

Maj\u0105c to na uwadze, zdecydowali\u015bmy si\u0119 na przyk\u0142ad na uk\u0142ad przedmiotu o nazwie Side With Image.<\/p>\n

\"Jak<\/a><\/p>\n

Stylizacja wygl\u0105du wid\u017cetu<\/h2>\n

Przechodz\u0105c do zak\u0142adki Styl \u2013 znajduje si\u0119 sekcja Styl ikon, w kt\u00f3rej mo\u017cesz ustawi\u0107 rozmiar zaznaczonych i nieoznaczonych ikon, a tak\u017ce zmieni\u0107 zaznaczone i nieoznaczone kolory<\/strong>. Mo\u017cesz zmieni\u0107 t\u0119 sekcj\u0119, aby dopasowa\u0107 j\u0105 do w\u0142asnych preferencji.<\/p>\n

\"Jak<\/a><\/p>\n

Dalej znajduje si\u0119 sekcja Styl tytu\u0142u, kt\u00f3ra pozwala ca\u0142kowicie dostosowa\u0107 wygl\u0105d tytu\u0142u<\/strong> \u2014 w naszym przyk\u0142adzie b\u0119d\u0105 to nazwiska recenzent\u00f3w.<\/p>\n

Tutaj mo\u017cesz zmieni\u0107 znacznik tytu\u0142u, kolor tytu\u0142u i typografi\u0119 tytu\u0142u<\/strong>. W naszym przyk\u0142adzie ustawili\u015bmy tag tytu\u0142u na H4 i zmienili\u015bmy czcionk\u0119 na Playfair Display.<\/p>\n

Ustawili\u015bmy r\u00f3wnie\u017c rozmiar czcionki na 30px. Mo\u017cesz zobaczy\u0107, jak bardzo zmieni\u0142y one wygl\u0105d naszego tytu\u0142u.<\/p>\n

\"Jak<\/a><\/p>\n

Sekcja Spacing Style pozwoli ci zag\u0142\u0119bi\u0107 si\u0119 w dostosowywanie odst\u0119p\u00f3w mi\u0119dzy przedmiotami. Nale\u017c\u0105 do nich mi\u0119dzy innymi g\u00f3rne i dolne odst\u0119py dla marginesu tytu\u0142u, marginesu tekstu i marginesu oceny.<\/p>\n

W naszym przyk\u0142adzie ustawili\u015bmy dolny margines tytu\u0142u na 2 piks., wybrali\u015bmy -11 piks. jako g\u00f3rny margines tytu\u0142u i -9 piks. na g\u00f3rny margines oceny.<\/p>\n

\"Jak<\/a><\/p>\n

Sekcja Styl tekstu zawiera opcj\u0119 D\u0142ugo\u015b\u0107 tekstu, umo\u017cliwiaj\u0105c\u0105 wprowadzenie liczby znak\u00f3w tekstu i zachowanie tej samej d\u0142ugo\u015bci dla ka\u017cdego elementu.<\/p>\n

Dost\u0119pne s\u0105 r\u00f3wnie\u017c opcje ustawienia koloru tekstu i typografii tekstu. Dla naszego wid\u017cetu wybrali\u015bmy d\u0142ugo\u015b\u0107 tekstu 160 znak\u00f3w.<\/p>\n

\"Jak<\/a><\/p>\n

Wreszcie sekcja Styl czasu pozwala dostosowa\u0107 wygl\u0105d tekstu, kt\u00f3ry wskazuje, jak dawno temu recenzja zosta\u0142a opublikowana<\/strong>. Tutaj mo\u017cesz r\u00f3wnie\u017c zmieni\u0107 kolor czasu i typografi\u0119 czasu.<\/p>\n

W naszym przyk\u0142adzie dodali\u015bmy kod szesnastkowy #c4c4c4 dla naszego koloru czasu i postanowili\u015bmy nie zmienia\u0107 niczego innego.<\/p>\n

\"Jak<\/a><\/p>\n

Na koniec upewnij si\u0119, \u017ce klikniesz przycisk Opublikuj\/Aktualizuj<\/strong> po zako\u0144czeniu dostosowywania wygl\u0105du wid\u017cetu, aby zmiany zacz\u0119\u0142y obowi\u0105zywa\u0107.<\/p>\n

\"Jak<\/a><\/p>\n

A oto ostateczny wygl\u0105d naszego wid\u017cetu Google Business Reviews:<\/p>\n

\"Jak<\/a><\/p>\n

Zawijanie rzeczy<\/h2>\n

To ko\u0144czy nasz przewodnik dotycz\u0105cy \u0142atwego dodawania, dostosowywania i stylizowania opinii Google w witrynie WordPress za pomoc\u0105 wtyczki Qi Addons for Elementor i jej zgrabnego wid\u017cetu Google Business Reviews. Jak wida\u0107 z opcji, kt\u00f3re pokazali\u015bmy powy\u017cej, jest kilka rzeczy, kt\u00f3re mo\u017cesz zrobi\u0107, je\u015bli chodzi o dostosowanie wygl\u0105du wid\u017cetu. B\u0119dziesz m\u00f3g\u0142 zmienia\u0107 zaznaczone i nieoznaczone ikony, wybiera\u0107 spo\u015br\u00f3d r\u00f3\u017cnych dost\u0119pnych uk\u0142ad\u00f3w przedmiot\u00f3w, stylizowa\u0107 ikony i tytu\u0142y, ustawia\u0107 odst\u0119py mi\u0119dzy poszczeg\u00f3lnymi elementami, a lista jest d\u0142uga. Mo\u017cesz swobodnie bawi\u0107 si\u0119 opcjami wid\u017cetu, a\u017c znajdziesz projekt, kt\u00f3ry najlepiej Ci odpowiada.<\/p>\n

\u0179r\u00f3d\u0142o nagrywania: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Oto wszystkie kroki, kt\u00f3re nale\u017cy wykona\u0107, aby doda\u0107 praktyczny wid\u017cet recenzji Google wtyczki Qi Addons for Elementor w WordPress i zwi\u0119kszy\u0107 sprzeda\u017c.<\/p>\n","protected":false},"author":1,"featured_media":278082,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[572],"tags":[847],"class_list":["post-368999","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-podstawy-wordpressa","tag-affiai-pl"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/368999","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/comments?post=368999"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/posts\/368999\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media\/278082"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/media?parent=368999"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/categories?post=368999"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pl\/wp-json\/wp\/v2\/tags?post=368999"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}