« Billet précédent : Vos médias sociaux dans votre Dock avec Socialite

Une boutique en ligne vite faite en javascript

Publié le jeudi 11 février 2010 dans Mon salon - lu 5804 fois

Une boutique en ligne vite faite en javascript

Pour créer une boutique en ligne, il existe de nombreuses solutions : des logiciels gratuits ou payants libres de droit ou non, Paypal avec sa solution d'e-commerce ou encore des services de gestion de boutiques en ligne.

Mais pour les petites boutiques il n'est parfois pas nécessaire de déployer de tels systèmes. simpleCart(js) est une solution javascript gratuite répondant mieux à ce type de besoin.


S'appuyant donc sur le javascript et les cookies des navigateurs, simpleCart(js) fonctionne sans base de données et s'intègre relativement simplement. Le script fais moins de 20kb et comporte quelques options de personnalisation.

Comment ça marche ?

Il suffit d'intégrer dans le code HTML un certain nombre de classes dans les balises des informations du produit. Ceci permettra au javascript de récupérer automatiquement le nom du produit, son prix et éventuellement une quantité personnalisée. Pour éviter ces classes, il est possible d'utiliser une fonction pour envoyer un produit et ses informations dans le panier.

Affichage du panier

La présentation du panier, résumée ou détaillée se fait par une simple insertion de codes HTML. Nombre d'éléments dans le panier, montant total, détail de la commande, lien pour vider le panier ou pour procéder au règlement, tout s'insère très simplement. Et comme il s'agit de code HTML, la mise en forme est totalement personnalisable en CSS. D'ailleurs elle est indispensable car elle n'est pas prédéfinie avec le script.

Mode de paiement

La gestion du panier d'achat c'est bien mais le paiement c'est important aussi... simpleCart(js) intègre les solutions de paiement Paypal et Google checkout. Ainsi, par un simple lien, le panier des visiteur est transféré avec son détail vers votre compte de paiement en ligne. Il est possible de limiter à l'un au l'autre de ces systèmes ou de proposer les deux aux visiteurs. Le script gère plusieurs devises et même les taxes à ajouter aux produits.

Pour aller plus loin

Un système de frais de livraison est possible de plusieurs manières : soit en globalité, soit pour chaque élément du panier, soit personnalisé pour chaque article, soit un pourcentage du montant total. Une fonction est même disponible pour effectuer un calcul plus complexe.
Il y a également la possibilité de paramétrer des informations personnalisées pour les produits. Par exemple dans le cas de vêtements, il est possible de laisser l'utilisateur choisir sa taille. Ces champs supplémentaire sont repris dans le détail de la commande finale.

Quelques limites

Bien évidement un script aussi simple comporte des limites par rapport à des solutions de commerce en ligne évoluées :

  • Comme expliqué ci-avant, le mode de paiement est limité à Paypal et Google checkout. Le script ne propose donc pas un règlement par chèque. Pour pallier à ce manque, il est toutefois possible de prévoir une version imprimée du panier.
  • simpleCart(js) n'est pas localisé, le panier ne s'affiche donc qu'en anglais. En bricolant un peu le script il est possible de traduire quelques termes pour obtenir une version localisée du système mais à la prochaine mise à jour...
  • Comme il s'agit d'un javascript la boutique ne sera évidement pas accessible à ceux qui ont désactivé cette fonction. Bon, ceci dit c'est encore assez rare et il est possible d'ajouter un petit message d'alerte.
  • Enfin, encore une fois comme il s'agit de javascript les incompatibilités avec d'autres scripts ne sont pas exclues. C'est le cas par exemple du lightbox FancyZoom qui rend impossible l'utilisation de la boutique.

Au final, simpleCart(js) s'avère un système simple et rapide qui permettra d'éviter l'installation plus lourde de Magento ou Prestashop. Une bonne solution donc pour lancer une petite boutique en attendant qu'elle prenne de l'ampleur. Il n'en demeure pas moins qu'il peut être nécessaire de disposer d'une base de données pour gérer les produits à vendre mais les bons CMS proposent ce genre de fonctionnalité.

Billet suivant : Pendant que Google fait du Twitter, Facebook fait du Live Messenger »

Laisser un commentaire
mardi 23 novembre 2010 17:31 par JL | http://www.point-contrepoint.com
JL
Bonjour,
Je viens de découvrir simpleCart.js et je crois qu'il répond exactement à mon besoin. Mais si je sais assez de html et css pour faire un site je n'arrive pas à déterminer la façon de le mettre en oeuvre. Faut-il modifier le script ? Où placer les instructions pour présenter le résultat ? Un exemple bien concret me rendrait service. Avec par exemple la source de la page d'affichage du panier et la façon de le formater pour l'impression.
Quelqu'un peut-il m'aider.
Merci d'avance

JL

Suivre les commentaires par flux RSS