{"id":369112,"date":"2023-02-06T15:53:00","date_gmt":"2023-02-06T12:53:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=369112"},"modified":"2023-04-18T09:35:10","modified_gmt":"2023-04-18T06:35:10","slug":"comment-ajouter-facilement-un-widget-google-reviews-dans-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-ajouter-facilement-un-widget-google-reviews-dans-wordpress\/","title":{"rendered":"Comment ajouter facilement un widget Google Reviews dans WordPress"},"content":{"rendered":"\n<p>La publication d&rsquo;avis sur votre site est toujours une bonne d\u00e9cision pour l&rsquo;engagement de votre marque. Non seulement les avis peuvent aider \u00e0 \u00e9tablir la confiance des clients, mais ils peuvent \u00e9galement vous aider \u00e0 maintenir une cr\u00e9dibilit\u00e9 indispensable dans votre domaine de travail. De plus, lorsque des clients potentiels re\u00e7oivent un avis positif sur votre site, ils seront beaucoup plus enclins \u00e0 acheter le produit ou le service que vous proposez.<\/p>\n<p>Maintenant, peu importe si vous envisagez d&rsquo;utiliser un service comme Yelp, ou d&rsquo;opter pour un bon vieil avis Google, il existe de nombreux <a href=\"https:\/\/themewp.inform.click\/fr\/5-meilleurs-outils-pour-wordpress-yelp-reviews-2022\/\" title=\"outils diff\u00e9rents que vous pouvez utiliser pour ajouter un avis d'entreprise \u00e0 votre site WordPress\">outils diff\u00e9rents que vous pouvez utiliser pour ajouter un avis d&rsquo;entreprise \u00e0 votre site WordPress<\/a>. N\u00e9anmoins, si vous d\u00e9cidez d&rsquo;utiliser les avis Google pour cette t\u00e2che, l&rsquo;un des moyens les plus efficaces de le faire est d&rsquo;utiliser l&rsquo;aide d&rsquo;un widget d&rsquo;avis Google d\u00e9di\u00e9. Donc, cette fois-ci, nous allons vous montrer <strong>comment ins\u00e9rer et personnaliser facilement des avis Google dans WordPress \u00e0 l&rsquo;aide du plugin Qi Addons for Elementor et de son widget Google Business Reviews pratique<\/strong>. Restez \u00e0 l&rsquo;\u00e9coute pendant que nous couvrons\u00a0:<\/p>\n<h2>Pourquoi Qi Addons for Elementor est le meilleur choix pour ajouter des avis Google sur votre site<\/h2>\n<p>Livr\u00e9 avec plus d&rsquo;une centaine d&rsquo;addons gratuits et premium, <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/?campaign=GoogleReviews&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Qi Addons for Elementor<\/a> est l&rsquo;un des meilleurs plugins bas\u00e9s sur des widgets que vous pouvez utiliser pour cr\u00e9er pratiquement n&rsquo;importe quel type d&rsquo;\u00e9l\u00e9ment sur votre site. Cela inclut tout, des addons cr\u00e9atifs et commerciaux aux addons infographiques et m\u00eame aux \u00e9l\u00e9ments WooCommerce.<\/p>\n<p>Dans cette liste de widgets, vous pourrez \u00e9galement trouver un widget premium appel\u00e9 <a href=\"https:\/\/qodeinteractive.com\/qi-addons-for-elementor\/business-reviews-google\/?campaign=GoogleReviews&amp;ref=1\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Business Reviews Google Widget<\/a>. Comme son nom l&rsquo;indique, ce widget sert \u00e0 afficher les avis Google sur votre site de diff\u00e9rentes mani\u00e8res \u00e9l\u00e9gantes. Il existe une myriade de fa\u00e7ons de personnaliser l&rsquo;apparence de votre liste d&rsquo;avis &#8211; <strong>d\u00e9finissez la disposition et le nombre de colonnes, stylisez les couleurs et la typographie, ajustez les rembourrages<\/strong>, etc. De plus, l&rsquo;int\u00e9gration des avis Google est aussi simple que possible &#8211; il vous suffit de saisir votre cl\u00e9 API Google et vous serez pr\u00eat. Alors, sans plus tarder, voyons comment vous pouvez faire tout cela.<\/p>\n<h2>Comment ajouter et personnaliser un widget Google Avis sur les entreprises<\/h2>\n<p>Apr\u00e8s avoir install\u00e9 le plug-in Qi Addons for Elementor sur votre site Web, vous pouvez continuer \u00e0 ajouter le widget Google Business Reviews en le recherchant dans votre barre lat\u00e9rale Elementor. Ensuite, <strong>faites glisser le widget vers la droite de l&rsquo;\u00e9cran<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e595e97356.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e595e97356.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Maintenant, une fois que vous avez ins\u00e9r\u00e9 le widget Google Reviews dans votre page, vous verrez qu&rsquo;il est initialement vide. Vous verrez \u00e9galement un avis indiquant que vous devez ins\u00e9rer l&rsquo;API Google Places dans la page d&rsquo;int\u00e9gration Qi Addons for Elementor.<\/p>\n<p>Nous avons d\u00e9j\u00e0 ins\u00e9r\u00e9 notre cl\u00e9 API Google Places ici\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5962da164.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5962da164.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Pour activer cette cl\u00e9 dans votre widget, vous devez ins\u00e9rer l&rsquo;identifiant de lieu, qui peut \u00eatre trouv\u00e9 \u00e0 l&rsquo;aide de la <strong>page d&rsquo;identifiant de lieu de Google Developers<\/strong>.<\/p>\n<p>Une fois l\u00e0-bas, vous devez entrer l&#8217;emplacement de votre entreprise dans la barre de recherche de la carte, puis copier l&rsquo;identifiant du lieu qui s&rsquo;affiche \u00e0 l&rsquo;\u00e9cran.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596764eb0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596764eb0.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Ensuite, <strong>collez la cl\u00e9 que vous avez copi\u00e9e dans le champ ID de lieu<\/strong>.<\/p>\n<p>Voici \u00e0 quoi ressemble notre widget lorsque nous ins\u00e9rons notre ID de lieu\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596ad12ba.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596ad12ba.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>\u00c0 partir de l\u00e0, vous pouvez \u00e9galement choisir si vous souhaitez que l&rsquo;apparence de votre liste soit Galerie ou Ma\u00e7onnerie (nous utiliserons Galerie pour notre exemple). Nous avons \u00e9galement d\u00e9fini le nombre de colonnes sur un.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596e1bc5e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e596e1bc5e.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Il existe \u00e9galement l&rsquo;option Columns Responsive qui vous permet de d\u00e9finir un nombre distinct de colonnes pour diff\u00e9rents \u00e9crans, et une option Space Between Items, dont le nom est assez explicite. Nous avons d\u00e9fini cette option sur 75 pixels pour cr\u00e9er un espace suppl\u00e9mentaire entre nos avis.<\/p>\n<p>Aussi, vous pouvez choisir si vous souhaitez avoir des bordures entre vos articles et ajuster le nombre d&rsquo;avis affich\u00e9s sur votre page (nous en avons choisi 2).<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59719341b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59719341b.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Ensuite, <strong>la section Mise en page vous permet de choisir l&rsquo;apparence des ic\u00f4nes qui repr\u00e9sentent une note<\/strong> &#8211; cela inclut les ic\u00f4nes Marqu\u00e9 et Non marqu\u00e9.<\/p>\n<p>Nous avons choisi la m\u00eame ic\u00f4ne SVG pour les ic\u00f4nes marqu\u00e9es et non marqu\u00e9es. Assurez-vous d&rsquo; <strong>appuyer sur le bouton Ins\u00e9rer un m\u00e9dia<\/strong> une fois que vous avez fini de choisir le v\u00f4tre.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59750202f.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59750202f.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5978529f0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5978529f0.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Ensuite, vous avez les options pour activer l&rsquo;ombre port\u00e9e entre les \u00e9l\u00e9ments (elle est d\u00e9finie sur Oui par d\u00e9faut) et choisissez la disposition de l&rsquo;\u00e9l\u00e9ment. Il est possible que diff\u00e9rentes options apparaissent \u00e0 l&rsquo;\u00e9cran en fonction de la disposition que vous choisissez pour vos \u00e9l\u00e9ments de r\u00e9vision.<\/p>\n<p>Par exemple, si vous choisissez les mises en page Boxed Centered ou Boxed, vous aurez \u00e9galement les options pour d\u00e9finir le remplissage, le rayon de la bordure et la couleur d&rsquo;arri\u00e8re-plan de vos \u00e9l\u00e9ments.<\/p>\n<p>Cela \u00e9tant dit, nous avons d\u00e9cid\u00e9 d&rsquo;utiliser la disposition de l&rsquo;\u00e9l\u00e9ment appel\u00e9e Side With Image pour notre exemple.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e597d6b925.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e597d6b925.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<h2>Styliser l&rsquo;apparence de votre widget<\/h2>\n<p>Passons \u00e0 l&rsquo;onglet Style &#8211; il y a <strong>la section Style d&rsquo;ic\u00f4ne o\u00f9 vous pouvez d\u00e9finir la taille de vos ic\u00f4nes marqu\u00e9es et non marqu\u00e9es, ainsi que changer les couleurs marqu\u00e9es et non marqu\u00e9es<\/strong>. N&rsquo;h\u00e9sitez pas \u00e0 modifier cette section pour l&rsquo;adapter \u00e0 vos propres pr\u00e9f\u00e9rences.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59808ed1e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59808ed1e.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Vient ensuite <strong>la section Style de titre qui vous permet de personnaliser compl\u00e8tement l&rsquo;apparence de votre titre<\/strong> &#8211; ce serait les noms des r\u00e9viseurs dans notre exemple.<\/p>\n<p>Ici, vous pouvez <strong>modifier la balise de titre, la couleur du titre et la typographie du titre<\/strong>. Pour notre exemple, nous avons d\u00e9fini la balise de titre sur H4 et chang\u00e9 la police en Playfair Display.<\/p>\n<p>Nous avons \u00e9galement d\u00e9fini la taille de la police sur 30 pixels. Vous pouvez voir comment ceux-ci ont un peu chang\u00e9 l&rsquo;apparence de notre titre.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5983dbd81.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5983dbd81.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>La section Style d&rsquo;espacement vous permettra d&rsquo;aller assez en profondeur lorsqu&rsquo;il s&rsquo;agit d&rsquo;ajuster l&rsquo;espacement de vos \u00e9l\u00e9ments. Ceux-ci incluent l&rsquo;espacement sup\u00e9rieur et inf\u00e9rieur pour votre marge de titre, votre marge de texte et votre marge de notation, entre autres.<\/p>\n<p>Pour notre exemple, nous avons d\u00e9fini la marge inf\u00e9rieure du titre sur 2px, choisi -11px pour la marge sup\u00e9rieure du titre et -9px pour la marge sup\u00e9rieure du classement.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5987265f0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e5987265f0.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>La section Style de texte contient l&rsquo;option Longueur du texte, vous permettant d&rsquo;entrer le nombre de caract\u00e8res de votre texte et d&rsquo;avoir la m\u00eame longueur pour chaque \u00e9l\u00e9ment.<\/p>\n<p>Il existe \u00e9galement des options pour d\u00e9finir la couleur du texte et la typographie du texte. Nous avons choisi la longueur du texte de 160 caract\u00e8res pour notre widget.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e598b0f8fc.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e598b0f8fc.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Enfin, <strong>la section Style de l&rsquo;heure vous permet d&rsquo;ajuster l&rsquo;apparence du texte qui indique depuis combien de temps l&rsquo;avis a \u00e9t\u00e9 publi\u00e9<\/strong>. Ici, vous pourrez \u00e9galement modifier la couleur de l&rsquo;heure et la typographie de l&rsquo;heure.<\/p>\n<p>Pour notre exemple, nous avons ajout\u00e9 le code hexad\u00e9cimal #c4c4c4 pour notre Time Color et avons d\u00e9cid\u00e9 de ne rien changer d&rsquo;autre.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e598e8deee.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e598e8deee.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Enfin, <strong>assurez-vous d&rsquo;appuyer sur le bouton Publier\/Mettre \u00e0 jour<\/strong> une fois que vous avez termin\u00e9 d&rsquo;ajuster l&rsquo;apparence de votre widget pour que les modifications prennent effet.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59916fcc2.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e59916fcc2.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<p>Et voici l&rsquo;aspect final de notre widget Google Business Reviews\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e599472de0.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-321018-633e599472de0.jpg\" alt=\"Comment ajouter facilement un widget Google Reviews dans WordPress\"><\/a><\/p>\n<h2>Conclure les choses<\/h2>\n<p>Cela compl\u00e8te notre guide sur la fa\u00e7on d&rsquo;ajouter, de personnaliser et de styliser facilement les avis Google sur votre site WordPress \u00e0 l&rsquo;aide du plug-in Qi Addons for Elementor et de son widget Google Business Reviews soign\u00e9. Comme vous pouvez le voir dans les options que nous avons pr\u00e9sent\u00e9es ci-dessus, vous pouvez faire plusieurs choses pour ajuster l&rsquo;apparence de votre widget. Vous pourrez modifier vos ic\u00f4nes marqu\u00e9es et non marqu\u00e9es, choisir parmi diff\u00e9rentes dispositions d&rsquo;\u00e9l\u00e9ments disponibles, styliser vos ic\u00f4nes et vos titres, d\u00e9finir l&rsquo;espacement des \u00e9l\u00e9ments individuels, et la liste continue. N&rsquo;h\u00e9sitez pas \u00e0 jouer avec les options du widget jusqu&rsquo;\u00e0 ce que vous trouviez le design qui vous convient le mieux.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voici toutes les \u00e9tapes que vous devez suivre pour ajouter le widget pratique d&rsquo;avis Google du plug-in Qi Addons for Elementor dans WordPress et augmenter ces ventes.<\/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":[568],"tags":[844],"class_list":["post-369112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-les-bases-de-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=369112"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/369112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/278082"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=369112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=369112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=369112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}