Centre de ressources

Intégration d’un widget sur WordPress

Il faut bien distinguer deux versions :

  • la version « autonome » qui nécessite le téléchargement du logiciel WordPress et son installation sur un hébergement web. Cette version est recommandée si vous avez des connaissances en développement et administration de site internet.
  • la version « en ligne » qui est accessible depuis le site https://fr.wordpress.com/create/, vous permet de créer un site sans avoir à « coder ».

A noter que la version dite “en ligne” est plus restreinte que la version “autonome” et ne permet pas nativement d’implémenter des widgets Open System.

1. version WordPress “autonome”

Si vous utilisez cette version de WordPress, alors libre à vous de faire ce que bon vous semble. Il n’y a en effet aucune restriction technique pour l’intégration de nos widgets de réservation Open System.

Nous rappelons juste les fondamentaux : mettre le widget produit le plus haut possible dans la page afin qu’il soit rapidement visible par l’internaute qui souhaite réserver. Aussi, pensez à mettre dans le header de votre site, le widget panier qui permettra à l’internaute de finaliser sa commande même si il consulte d’autres pages de votre site.

Nous vous avons fourni le script d’instanciation de nos widgets :

<script type="text/javascript" src="//gadget.open-system.fr/widgets-libs/rel/noyau-1.0.min.js"></script></code>
<script type="text/javascript">
( function() {
var widgetProduit = AllianceReseaux.Widget.Instance( "Produit", { idPanier:"ZZZZZ", idIntegration:000, langue:"fr", ui:"XXXX-0000" } );
widgetProduit.Initialise();
})();
</script>
<div id="widget-produit-XXXX-0000"></div>
et pour le Widget Panier :

<script type="text/javascript" src="//gadget.open-system.fr/widgets-libs/rel/noyau-1.0.min.js"></script></code>

<script type="text/javascript" >
( function() {
var widgetPanier = AllianceReseaux.Widget.Instance( "Panier", { idPanier:"ZZZZZ", idIntegration:000, langue:"fr" } );
widgetPanier.Initialise();
})();
</script>
<div id="widget-panier"></div>

Nos conseils pour bien intégrer vos widgets sur votre site WordPress :

  • Intégrer l’appel du script « noyau » dans le <head> de votre site, ainsi il ne sera pas nécessaire de le remettre à chaque widget. Vous pouvez le faire directement dans le fichier source de votre site via FTP ou en passant par l’éditeur de thème de votre administration WordPress
    <script type="text/javascript" src="//gadget.open-system.fr/widgets-libs/rel/noyau-1.0.min.js"></script>
  • Intégrer le script d’instanciation de votre widget panier, dans le haut de votre site sur toutes les pages pour permettre aux internautes de finaliser leurs achats facilement

Si vous n’arrivez pas à faire l’intégration, n’hésitez pas à demander à votre webmaster.

2. version WordPress “en ligne”

À ce jour, il n’existe pas de solution pour intégrer nos widgets de réservations dans cette version de WordPress. En effet, la plateforme impose des règles de sécurité qui font que les appels de scripts externes ne fonctionnent pas.