PayPal Synchro Cart, c'est quoi ?

C'est un petit plugin qui permet de gérer des paniers Paypal pour des mini boutiques en ligne sans ouvrir les énormes et monstrueuses fenètres intampestives du panier PayPal à chaque ajout d'un article.

Il faut savoir que pour des raisons de sécurité, PayPal n'autorise pas d'intégrer des iframes dans sa page web. Lorsque Paypal reçoit une action, il vérifie qu'elle soit en mode POST, et que le document CGI gérant les échanges ne soit pas intégré dans un contenu mixte

Vous pouvez intégrer les boutons 'acheter maintenant' sous la forme d'un formulaire, ou un bouton 'afficher mon panier' également sous la forme d'un formulaire.

Chaque fois que vous cliquez sur un bouton 'acheter maintenant' ceci a pour but d'ajouter le produit sélectionné au panier.
Ça c'est le fonctionnement basique et quoi de plus normal ! A ceci près que cela ouvre une nouvelle fenêtre, afficher votre panier et il faut refermer cette fenêtre... Et le hic, c'est bien ça. Qu'une fenêtre s'ouvre (dans un nouvel onglet ou non) cela fini par agacer sérieusement.

Il faut avouer que l'utilisation de PayPal est extrêmement simple, mais cette manipulation pour refermer la fenêtre est légèrement nuisible pour les internautes qui font leurs emplettes en ligne.

Je présente donc ici un nouveau plugin que j'ai mis au point aujourd'hui afin de contrer ce désagrément.

Comment ça marche ?

Voici un petit exemple tout simple avec un fonctionnement basique sans PayPal Synchro Cart

Comme on peut le voir, le fait de cliquer sur le bouton 'Ajouter au panier' ouvre une nouvelle fenêtre...

Après plusieurs tentatives de panier PayPal 'Full Ajax' sans succès, j'ai opté pour une solution stable, synchrone et semi-transparente pour l'internaute. Semi-transparente : il faudra bien indiquer à l'internaute que le produit qu'il a cliqué a bien été ajouté à son panier !

Ce plugin a pour fonctionnalité d'implémenter un écouteur sur tous les formulaires PayPal 'add to cart' de la page pour l'évennement onsubmit.

Après quoi, chaque clic sur le bouton submit du formulaire ajouter au panier sera interprété comme une action automatisée d'ouverture d'un mini popup synchronisée et se refermera dès que (et uniquement dès que) le produit sera enregistré dans le panier PayPal.

Une option de skin permet d'afficher la mini popup (elle passe les bloqueurs) avec un message personnalisé du genre :

Le produit que vous sélectionné a bien été ajouté à votre panier.

Installation

On utilise une des librairies d'un framework récent disponible. Dans la section head de la page ajouter la librairie javascript pour le framework Prototype :

Et ajouter ensuite le plugin PayPal SynchroCart :

Configuration

La configuration est simple, il suffit d'ajouter la classe paypal_synchrocart au formulaire devant fonctionner avec le plugin.

Live Demo  

Téléchargement

Télécharger paypal_synchrocart_1.2.js (V. 1.2)