Vous avez déjà intégré le bouton de partage Google +1 sur votre boutique Prestashop ? Très bien, mais pour les autres qui n’y arrivent toujours pas, voici un tuto assez simple pour installer the Google Plus One Button sur Prestashop
[Edit du 11/10/2018] Google annonce la fermeture de Google+ après la découverte d’une faille de sécurité. Voici les explications dans un billet du blog officiel. Cet article est donc obsolète à présent.
- Rendez-vous chez Google +1 : http://www.google.com/+1/button/
- Cliquez sur “Get the code“
- Choisissez la taille de votre bouton parmi 15, 20, 24 et 60 pixels
- Important : ne touchez pas au langage du bouton !
- Cliquez sur les options avancées pour afficher ou non le compteur de +1 avec votre bouton
- Vous avez à présent le code pour intégrer le bouton…
- Sur votre ftp, dans le fichier www/themes/nomdevotrethème/footer.tpl appliquez le <script> comme suit puis enregistrez :
<!– Place this tag in your head or just before your close body tag –>
<script type=”text/javascript” src=”https://apis.google.com/js/plusone.js”></script>
</body>
</html>
- Ensuite il ne vous reste plus qu’à insérer le code du bouton côté front office par exemple avec les boutons de partage déjà présent sur la fiche produit dans le fichier www/themes/nomdevotrethème/product.tpl puis enregistrez :
<!– usefull links –>
<ul id=”usefull_link_block”>
{if $HOOK_EXTRA_LEFT}{$HOOK_EXTRA_LEFT}{/if}
<li><a href=”javascript:print();”>{l s=’Print’}</a><br /></li>
{if $have_image && !$jqZoomEnabled}
<li><span id=”view_full_size”>{l s=’View full size’}</span></li>
{/if}
</ul>
<g:plusone count=”false”></g:plusone>
- C’est fini, votre bouton Google +1 est intégré à votre boutique Prestashop
NB : il faudra peut être appliquer un peu de CSS pour que tout soit en forme mais le plus gros est fait 🙂
@etchegaray: A placer dans le product.tpl, iframe fonctionne bien 🙂
ok c’est se que j’ai fait mais sa marche pas. mais j’ai installer un module et tout marche, par contre j’essaye de mettre le module social facebook qui est là https://developers.facebook.com/docs/plugins/like-box-for-pages sur ma page d’accueil .
Sur quel fichier .tpl et entre quel balise je dois mettre sa.
merci bcp d’avance !!
@etchegaray : le code est à insérer dans le product.tpl au niveau des boutons d’impression et de zoom sous la grande image par exemple.
oui pardon c’est http://www.hizketa.fr.
hier j’ai télécharger un module qui s’apel “bouton de reseaux sociaux pr les modules” sur http://www.cmak.fr/ qui a l’air de bien marcher mais j’aurai préférer ne pas mettre de module pr sa
@etchegaray : Bonjour, en fait rendez-vous sur Google +1 Button Page et intégrez le code en encadrant le script dans votre .tpl par les balises {literal}{/literal} et ça devrait le faire.
Bonjour,
j’ai suivi votre tuto à la lettre mais rien ne s’affiche
pouvez-vous m’aider étape par étape?
merci
@etchegaray : Bonjour, c’est compliqué de vous dire quoi faire sans url à vrai dire 🙂
Bonjour, vous pouvez insérer le code dans le footer.tpl ou dans le header.tpl par exemple.
Merci bcp pour ce tuto, par contre comment faire pour le passer en français?
Bonjour Mawan, la version FR comprend du code qui fait planter Prestashop c’est pourquoi, il reste en anglais – par ici le sujet sur le forum http://www.prestashop.com/forums/topic/113592-tutoriel-integrer-google-1-sur-votre-boutique/