Jump to content

Bloc fans Facebook sur page confirmation de commande


YouLab

Recommended Posts

Bonjour,

 

Je souhaiterai ajouter le bloc Fan de Facebook sur la page de confirmation de commande de mon site. Une fois que le client à passé sa commande il pourrait ainsi devenir Fan.

 

J'ai inséré le code SDK Facebook dans mon header.tpl avant le </head>

 

 

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

 

Et le module fan à la fin de mon order-confirmation.tpl

 

<div class="fb-subscribe" data-href="http://www.facebook.com/YouLab.fr" data-show-faces="true" data-font="arial" data-width="980"></div>

 

--> Mais cela ne fonctionne pas :( Est ce que quelqu'un aurait une idée? J'ai fouillé pendant des heures mais je ne vois pas où est mon erreur...

Link to comment
Share on other sites

Je l'ai mis sur ma fiche produit.

Je te joins 2 screens en PJ (si ça peut t'aider...)

 

Dans mon cas j'ai mis 3 SDK (Facebook, twitter et G+) à la suite des scripts déjà présents dans product.tpl (donc au début de ma page product.tpl)

Ensuite j'ai mis mon code

<div style="margin-bottom:5px;" class="fb-like" data-send="false" data-width="450" data-show-faces="true"></div><br />

 

là où je souhaitais qu'il apparaisse dans ma fiche produit.

A toi de voir où tu veux le mettre dans ton cas.

 

Après si sa ne marche je ne sais pas désolé.

 

Question bête : t'as pensé à forcer la compilation et désactiver le cache ?

post-211238-0-30967200-1345475258_thumb.png

post-211238-0-28005800-1345475317_thumb.png

Link to comment
Share on other sites

Résolu! En fait c'était l'API Facebook qui a merdé... Grrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr!

 

Pour que cela fonctionne, API à placer juste avant le [/head] de header.tpl

 

 

<div id="fb-root"></div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/fr_FR/all.js#xfbml=1&appId=460852680613503";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

 

Ensuite module à placer sur la page souhaité à l'endroit souhaité:

 

<div class="fb-like-box" data-href="http://www.facebook.com/youlab.fr" data-width="292" data-show-faces="true" data-stream="false" data-header="true"></div>

 

Perso j'ai mis order-confirmation.tpl, history.tpl, et my-account.tpl, je pense que ces pages sont appropriées pour gagner de nouveaux fans si les clients sont satisfaits.

  • Like 1
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...