{"id":369008,"date":"2023-02-06T16:10:00","date_gmt":"2023-02-06T13:10:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369008"},"modified":"2023-04-18T09:41:39","modified_gmt":"2023-04-18T06:41:39","slug":"como-adicionar-facilmente-um-widget-de-comentarios-do-google-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-adicionar-facilmente-um-widget-de-comentarios-do-google-no-wordpress\/","title":{"rendered":"Como adicionar facilmente um widget de coment\u00e1rios do Google no WordPress"},"content":{"rendered":"\n

Colocar coment\u00e1rios em seu site \u00e9 sempre uma boa jogada para o engajamento da sua marca. As avalia\u00e7\u00f5es n\u00e3o apenas podem ajudar a estabelecer a confian\u00e7a do cliente, mas tamb\u00e9m podem ajud\u00e1-lo a manter alguma credibilidade muito necess\u00e1ria em sua linha de trabalho. Al\u00e9m disso, quando os clientes em potencial receberem uma avalia\u00e7\u00e3o positiva em seu site, eles estar\u00e3o muito mais inclinados a comprar o produto ou servi\u00e7o que voc\u00ea est\u00e1 oferecendo.<\/p>\n

Agora, n\u00e3o importa se voc\u00ea planeja usar um servi\u00e7o como o Yelp ou optar por uma boa e velha avalia\u00e7\u00e3o do Google, existem muitas ferramentas diferentes que voc\u00ea pode usar para adicionar uma avalia\u00e7\u00e3o comercial ao seu site WordPress<\/a>. Ainda assim, se voc\u00ea decidir usar as avalia\u00e7\u00f5es do Google para essa tarefa, uma das maneiras mais eficazes de fazer isso \u00e9 usar a ajuda de um widget de avalia\u00e7\u00f5es do Google dedicado. Portanto, desta vez, mostraremos como inserir e personalizar facilmente as avalia\u00e7\u00f5es do Google no WordPress usando o plug-in Qi Addons for Elementor e seu pr\u00e1tico widget Google Business Reviews<\/strong>. Fique atento enquanto cobrimos:<\/p>\n

Por que o Qi Addons for Elementor \u00e9 a melhor escolha para adicionar coment\u00e1rios do Google em seu site<\/h2>\n

Com mais de cem complementos gratuitos e premium, o Qi Addons for Elementor<\/a> \u00e9 um dos melhores plug-ins baseados em widget que voc\u00ea pode usar para criar praticamente qualquer tipo de elemento em seu site. Isso inclui desde complementos criativos e de neg\u00f3cios at\u00e9 complementos de infogr\u00e1fico e at\u00e9 elementos do WooCommerce.<\/p>\n

Nesta lista de widgets, voc\u00ea tamb\u00e9m poder\u00e1 encontrar um widget premium chamado Business Reviews Google widget<\/a>. Como o pr\u00f3prio nome indica, este widget serve para exibir as avalia\u00e7\u00f5es do Google em seu site de muitas maneiras diferentes e elegantes. H\u00e1 v\u00e1rias maneiras de personalizar a apar\u00eancia da sua lista de avalia\u00e7\u00f5es \u2013 defina o layout e o n\u00famero de colunas, estilize as cores e a tipografia, ajuste os preenchimentos<\/strong> e muito mais. Al\u00e9m disso, integrar as avalia\u00e7\u00f5es do Google \u00e9 o mais f\u00e1cil poss\u00edvel \u2013 voc\u00ea s\u00f3 precisa inserir sua chave de API do Google e estar\u00e1 tudo pronto. Ent\u00e3o, sem mais delongas, vamos ver como voc\u00ea pode fazer tudo isso.<\/p>\n

Como adicionar e personalizar um widget do Google de avalia\u00e7\u00f5es de neg\u00f3cios<\/h2>\n

Depois de instalar o plug-in Qi Addons for Elementor em seu site, voc\u00ea pode adicionar o widget Business Reviews Google pesquisando-o na barra lateral do Elementor. Em seguida, arraste o widget para o lado direito da tela<\/strong>.<\/p>\n

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

Agora, depois de inserir o widget de coment\u00e1rios do Google em sua p\u00e1gina, voc\u00ea ver\u00e1 que ele est\u00e1 inicialmente vazio. Voc\u00ea tamb\u00e9m ver\u00e1 um aviso sobre a necessidade de inserir a API do Google Places na p\u00e1gina Qi Addons for Elementor’s Integration.<\/p>\n

J\u00e1 inserimos nossa chave de API do Google Places aqui:<\/p>\n

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

Para ativar essa chave em seu widget, voc\u00ea precisa inserir o ID do local, que pode ser encontrado na p\u00e1gina de ID do local do Google Developers<\/strong>.<\/p>\n

Uma vez l\u00e1, voc\u00ea deve inserir o local da sua empresa na barra de pesquisa do mapa e copiar o ID do local que aparece na tela.<\/p>\n

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

Em seguida, cole a chave que voc\u00ea copiou no campo ID do local<\/strong>.<\/p>\n

Veja como nosso widget se parece quando inserimos nosso ID de local:<\/p>\n

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

A partir daqui, voc\u00ea tamb\u00e9m pode escolher se deseja que a apar\u00eancia da sua lista seja Galeria ou Ma\u00e7onaria (usaremos a Galeria para nosso exemplo). Tamb\u00e9m definimos o N\u00famero de colunas como um.<\/p>\n

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

H\u00e1 tamb\u00e9m a op\u00e7\u00e3o Columns Responsive que permite definir um n\u00famero separado de colunas para diferentes telas e uma op\u00e7\u00e3o Space Between Items, cujo nome \u00e9 bastante autoexplicativo. Definimos essa op\u00e7\u00e3o para 75px para criar algum espa\u00e7o adicional entre nossas avalia\u00e7\u00f5es.<\/p>\n

Al\u00e9m disso, voc\u00ea pode escolher se deseja ter bordas entre seus itens e ajustar o n\u00famero de avalia\u00e7\u00f5es exibidas em sua p\u00e1gina (escolhemos 2).<\/p>\n

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

Em seguida, a se\u00e7\u00e3o Layout permite que voc\u00ea escolha a apar\u00eancia dos \u00edcones que representam uma classifica\u00e7\u00e3o<\/strong> \u2013 isso inclui \u00edcones Marcados e N\u00e3o Marcados.<\/p>\n

Escolhemos o mesmo \u00edcone SVG para \u00edcones marcados e n\u00e3o marcados. Certifique-se de apertar o bot\u00e3o Insert Media<\/strong> quando terminar de escolher o seu pr\u00f3prio.<\/p>\n

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

Em seguida, voc\u00ea tem as op\u00e7\u00f5es para habilitar a sombra projetada entre os itens (\u00e9 definido como Sim por padr\u00e3o) e escolher o Layout do item. H\u00e1 a possibilidade de diferentes op\u00e7\u00f5es aparecerem na tela dependendo do layout que voc\u00ea escolher para seus itens de revis\u00e3o.<\/p>\n

Por exemplo, se voc\u00ea escolher os layouts Boxed Centered ou Boxed, voc\u00ea tamb\u00e9m ter\u00e1 as op\u00e7\u00f5es para definir o preenchimento, o raio da borda e a cor de fundo de seus itens.<\/p>\n

Dito isso, decidimos usar o layout de item chamado Side With Image para nosso exemplo.<\/p>\n

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

Estilizando a apar\u00eancia do seu widget<\/h2>\n

Passando para a guia Estilo \u2013 h\u00e1 a se\u00e7\u00e3o Estilo do \u00edcone onde voc\u00ea pode definir o tamanho dos \u00edcones marcados e n\u00e3o marcados, bem como alterar as cores marcadas e n\u00e3o marcadas<\/strong>. Sinta-se \u00e0 vontade para alterar esta se\u00e7\u00e3o para atender \u00e0s suas pr\u00f3prias prefer\u00eancias.<\/p>\n

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

A seguir est\u00e1 a se\u00e7\u00e3o Estilo do t\u00edtulo que permite personalizar completamente a apar\u00eancia do seu t\u00edtulo<\/strong> \u2013 esses seriam os nomes dos revisores em nosso exemplo.<\/p>\n

Aqui voc\u00ea pode alterar a Tag do t\u00edtulo, a Cor do t\u00edtulo e a Tipografia do t\u00edtulo<\/strong>. Para o nosso exemplo, definimos a tag de t\u00edtulo como H4 e alteramos a fonte para Playfair Display.<\/p>\n

Tamb\u00e9m definimos o tamanho da fonte para 30px. Voc\u00ea pode ver como isso mudou bastante a apar\u00eancia do nosso t\u00edtulo.<\/p>\n

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

A se\u00e7\u00e3o Estilo de Espa\u00e7amento permitir\u00e1 que voc\u00ea se aprofunde bastante quando se trata de ajustar o espa\u00e7amento de seus itens. Isso inclui o espa\u00e7amento superior e inferior da margem do t\u00edtulo, margem de texto e margem de classifica\u00e7\u00e3o, entre outras coisas.<\/p>\n

Para o nosso exemplo, definimos o Title Margin Bottom em 2px, escolhemos -11px para Title Margin Top e -9px para Rating Margin Top.<\/p>\n

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

A se\u00e7\u00e3o Estilo de texto cont\u00e9m a op\u00e7\u00e3o Comprimento do texto, permitindo que voc\u00ea insira o n\u00famero de caracteres para seu texto e tenha o mesmo comprimento para cada item.<\/p>\n

H\u00e1 tamb\u00e9m as op\u00e7\u00f5es para definir a cor do texto e a tipografia do texto. Escolhemos o comprimento do texto de 160 caracteres para nosso widget.<\/p>\n

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

Por \u00faltimo, mas n\u00e3o menos importante, a se\u00e7\u00e3o Estilo de tempo permite ajustar a apar\u00eancia do texto que indica h\u00e1 quanto tempo o coment\u00e1rio foi publicado<\/strong>. Aqui, voc\u00ea tamb\u00e9m poder\u00e1 alterar a cor do tempo e a tipografia do tempo.<\/p>\n

Para nosso exemplo, adicionamos o c\u00f3digo hexadecimal #c4c4c4 para nossa cor de tempo e decidimos n\u00e3o alterar mais nada.<\/p>\n

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

Por fim, certifique-se de clicar no bot\u00e3o Publicar\/Atualizar<\/strong> quando terminar de ajustar a apar\u00eancia do seu widget para que as altera\u00e7\u00f5es entrem em vigor.<\/p>\n

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

E aqui est\u00e1 a apar\u00eancia final do nosso widget Business Reviews do Google:<\/p>\n

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

Encerrando as coisas<\/h2>\n

Isso completa nosso guia sobre como adicionar, personalizar e estilizar facilmente as avalia\u00e7\u00f5es do Google em seu site WordPress usando o plug-in Qi Addons for Elementor e seu widget Google Business Reviews. Como voc\u00ea pode ver nas op\u00e7\u00f5es que mostramos acima, h\u00e1 algumas coisas que voc\u00ea pode fazer quando se trata de ajustar a apar\u00eancia do seu widget. Voc\u00ea poder\u00e1 alterar seus \u00edcones marcados e n\u00e3o marcados, escolher entre diferentes layouts de itens dispon\u00edveis, estilizar seus \u00edcones e t\u00edtulos, definir o espa\u00e7amento de elementos individuais e a lista continua. Sinta-se \u00e0 vontade para brincar com as op\u00e7\u00f5es do widget at\u00e9 encontrar o design que funciona melhor para voc\u00ea.<\/p>\n

Fonte de grava\u00e7\u00e3o: wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"

Aqui est\u00e3o todas as etapas que voc\u00ea precisa seguir para adicionar o pr\u00e1tico widget de coment\u00e1rios do Google do plug-in Qi Addons for Elementor no WordPress e aumentar essas vendas.<\/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":[573],"tags":[848],"class_list":["post-369008","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369008","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=369008"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/369008\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/278082"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=369008"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=369008"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=369008"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}