Jump to content

Bloc fans Facebook sur page confirmation de commande


YouLab
 Share

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...

Share this post


Link to post
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

Share this post


Link to post
Share on other sites

Oui oui j'ai bien forcé la compilation ;)

 

C'est marrant parce que sur mon product.tpl j'ai fait me même type de manips pour mettre les like bouttons et j'y arrive pas sur la page order confirmation...

 

Rageant!

Share this post


Link to post
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

Share this post


Link to post
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
 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More