Nous allons découvrir dans cet article comment s’architecture concrètement HikaShop, mais aussi comment, avec simplicité, vous allez pouvoir l’adapter à vos idées business.
La meilleure façon d’illustrer cela passera par vous présenter des exemples de sites réalisés par nos clients, comme autant de démonstrations des possibilités quasi infinies qu'offre HikaShop.

hikashop-ecommerce-cinnk


Site de vente en ligne classique

Pour bien en prendre la mesure, nous allons commencer par une configuration la plus classique qui soit et qui représente la majorité écrasante des sites d'e-commerce.
A savoir, des listings de produits catégorisés, l'ajout au panier, le paiement, suivi d'un envoi classique au client.

boutique-en-ligne-hikashop

Prenons le site www.bijouteriegolaz.com, qui, comme son nom l’indique, est une bijouterie virtuelle.
HikaShop permet la création rapide, entre autres, d’éléments de menus qui vont diriger vers des listings de produits groupés par catégories ou comme ici, d’autres catégories, listant elles-mêmes des produits.
En l'occurrence, cet exemple présente les catégories mères : les fabricants de montres, puis de bijoux et enfin d’alliances.


Prenons l’exemple de la première catégorie : les montres. 
Simplement en passant au dessus du menu Montres, on voit donc les différentes sous-catégories (catégories filles), ici les marques des montres proposées.

menu-deroulant-hikashop

La suite logique pour voir le listing des montres est donc pour le client de choisir parmi ces marques. Disons : “Certina”.

fiche-produit-hikashop

Une petite particularité dans la construction de ce site est la présence d’un texte descriptif de la marque, puis du listing produit à proprement parlé.
Au dessus du listing, remarquez la présence de filtres HikaShop (genre, fourchette de prix, type de fonctionnement et fonctions) pour encore affiner d’avantage la sélection.

Faisons un essai avec le filtre prix, en calibrant un tarif compris entre 1100 CHF et 2500 CHF.

filtre-hikashop

Une fois le listing raffiné, le client n’aura plus alors qu’à choisir une des montres affichées en cliquant soit sur le nom ou soit sur l’image de celle-ci. Il arrivera sur la page du produit avec sa description, ses caractéristiques, son prix et bien sur le plus important, le bouton ajouter au panier.

fiche-produit-2-hikashop

On peut aussi noter, en bas de la page produit, des suggestions d’autres montres comparables à celle sélectionnée.
C’est un des modules présent avec HikaShop (related product module) qui est publié par défaut, et qu’il est possible de personnaliser via le gestionnaire de modules de Joomla!.
Les produits liés sont définis dans la page d’édition du produit, et seront donc ajoutés directement sur la page produit par le related product module.

Après l’ajout au panier, le cheminement logique sera donc de rediriger directement pour procéder au paiement.
Sachez tout de même, qu’HikaShop dispose d’une option permettant d’automatiser cette redirection pour aller au paiement, mais aussi, si besoin, d’ouvrir un fenêtre popup pour inviter le client à procéder au paiement ou bien de continuer le shopping.

ajouter-au-pannier-hikashop

Le passage en caisse peut être configuré de différentes façons, en une seule page (ou étape) ou bien en plusieurs.
Ici, il s’agit d’un passage en caisse accessible sans connexion en trois étapes.
La première, où seront rassemblées les informations nécessaires à la bonne visibilité de l'acte d'achat.

passage-en-caisse-hikashop

Ainsi une vue d’ensemble du panier pour commencer, comportant dans HikaShop les informations indépassables comme la nom du produit, le prix unitaire, la quantité (éditable), mais aussi la livraison (gratuite ici), les taxes, et bien entendu le total.
Puis, vous pouvez voir en bas de la page les Conditions Générales de Vente, qui doivent être validées pour pouvoir continuer.


Suivront ici, encore 2 autres étapes : une pour le renseignement de l'adresse et la sélection du mode de paiement, et la dernière pour la validation finale.

mode-de-paiement-hikashop 

Voici donc le cheminement le plus classique. Sachez qu'HikaShop crée par défaut des éléments de menus listant les catégories et les produits. Ici, il aura suffit de définir les catégories à afficher, les produits catégorisés et changer le titre du menu pour faire près de la moitié du travail d’élaboration structurelle des menus.
L’effort principal a du correspondre sans doute à l'esthétique et la mise en forme très agréable du site !



Toujours sur ce même site, autre cheminement possible pour le client : la recherche par mots clés mis en place en natif par HikaShop (icône loupe), et l’accès direct à la vue panier, ici avec un objet contenu dans celui-ci.


Il s’agit là, d’un point de vue Joomla de deux modules préinstallés : celui de recherche avec Joomla avec un plugin de compatibilité dans HikaShop, et celui de panier avec l’ajout d’HikaShop à votre site.

module-de-recherche-hikashop

Le module de recherche permet ainsi de retrouver vos produits et peut être configuré à travers différents paramètres, noms, marques, etc du plugin “HikaShop Products search”.
Le module panier, quant à lui peut afficher différentes informations comme le nombre de produits comme ici, mais aussi le total du panier, un lien direct au paiement, et, entre autre, la possibilité de supprimer des produits.

Vous aimez cet article ? Achetez le magazine !

Vente à emporter ou à venir chercher

Passons maintenant sur un autre type de boutique et surtout de business, puisqu’il s’agit cette fois de nourriture à emporter avec le site www.amoisushi.fr.

hikashop-vente-a-emporter

L’organisation du business ici est tout autre car elle s'adapte à la nature du produit mais plus encore à la manière de le livrer et de le consommer.

Et justement, l’une des possibilités du site est de pouvoir créer une commande sans pour autant forcément payer directement par internet mais à la réception. Cette boutique propose aussi de retirer directement la commande en boutique, ou selon les besoins, la livrer.

hikashop-vente-a-livrer

Concrètement cela signifie que HikaShop malgré son processus classique de passage en caisse avec la configuration adéquate, est capable de créer une commande sans paiement et sans méthode livraison déterminée et payée pour coller aux besoins éventuels et concrets du mode de fonctionnement de votre boutique.

Comme le premier exemple, le client ira donc sur les listings des produits pour remplir le panier selon ses envies.

selection-produits-hikashop

En passant sur l'icône panier, le contenu du panier est affiché. Ces différentes données sont issues du module panier d’HikaShop. L’affichage en bouton cliquable est possible soit grâce au template (certains, optimisés pour HikaShop sont construits ainsi par défaut), soit grâce à un module panier spécial, soit grâce à un peu de CSS voir du JavaScript rajouté à la vue du module panier.


On peut également modifier les quantités des produits (sauf celui offert !).


Une fois le choix fait, le client pourra terminer la commande à partir de cette même vue.


Puis, en arrivant dans le passage en caisse, on constate quelques différences avec le précèdent site.


Dans le cas de amoisushi.fr, lors du processus de paiement, le client devra soit créer un compte avec adresse de livraison, soit se connecter pour compléter sa commande.

HikaShop peut alors, avec les bons réglages, envoyer un email au gestionnaire de ce restaurant, qui pourra en réponse préparer la commande, puis la faire livrer.

Il est donc évident, que cette boutique contribue bien plus au business de ce restaurant que n’importe quelle brochure publicitaire, tant pour la communication que par le gain organisationnel.

Recherche avancée

Voyons ensuite une boutique qui vend de nombreux produits qui sont catégorisés à travers de nombreux critères.
La problématique ici pour le client est de garder une bonne visibilité sur ce qu’il recherche malgré l’offre pléthorique.
Une des solutions proposées par HikaShop dans cette optique est le système de filtres.

Le cas type que représente Sacapuce.fr est intéressant comme exemple, puisqu’il vend des chaussures. Sur ce type de biens s’ajoute non seulement le type de chaussures mais aussi les tailles, les couleurs, et même dans ce cas précis la hauteur des talons.

taille-couleur-hikashop 

La meilleure solution est donc d’offrir aux clients une possibilité de rapidement naviguer parmi l’ensemble des chaussures disponibles.
Ici Sacapuce.fr, grâce au système de filtres inclus dans HikaShop, met à disposition un module permettant un filtrage pour afficher seulement les produits recherchés en fonction des critères retenus.
Pour l’exemple, nous allons sélectionner “Escarpins habillés”, cela amènera à afficher seulement les chaussures correspondant à cette sélection.

selection-produits-hikashop

On imagine donc aisément que le client potentiel pourra rapidement trouver ce qu’il recherche préférentiellement pour répondre à ses besoins et goûts et donc déboucher sur une vente.
Comme d’habitude, le client pourra en voir plus sur un produit en cliquant dessus.

fiche-produit-chaussure-hikashop 

Voici un autre exemple de page produit qui cette fois récapitule tout les paramètres précités, ainsi que les mots clés.

Il sera alors possible de définir la taille, et aussi en bas de voir les autres couleurs de ce même modèle ainsi que des modèles comparables (Related products module).
On peut voir ici que les vues, et notamment la page produit, ont été grandement personnalisées pour coller au plus près des besoins du site.


Biens immatériels

La principale différence avec les exemples précédents est que ce sont des produits virtuels qui sont vendus ici et donc téléchargeables.
En l'occurrence, pour le processus d’achat de la musique, on comprend bien que les différences seront minimes, voir même inexistantes hormis bien sûr l’absence de méthodes de livraison.

vente-produits-immateriels-hikashop

En revanche, une fois l’achat réalisé, l’utilisateur accédera cette fois à son produit directement sur le site via un lien de téléchargement.
HikaShop offre, pour ces cas spécifiques, la possibilité à chaque client possédant un compte, d’accéder à sa propre page client avec un accès direct pour télécharger (ou re-télécharger) ses achats virtuels.

Il suffira donc au client de se connecter et d’aller sur son compte (My Account) et d’aller sur sa page de téléchargement (Show the downloads).

vente-de-musique-hikashop

Ensuite, seront listés les différents téléchargements disponibles suite aux achats.
A noter qu’il est également possible de limiter, si besoin, le nombre de téléchargements.

espace-de-telechargement-hikashop

Par ces différents cas concrets, vous pouvez avoir une idée plus nette des possibilités offertes. Sachez tout de même, que cela ne représente qu’une infime partie de ce que réalisent nos clients en se basant sur HikaShop ! Cela va de sites d’enchères à des sites de ventes de tickets de spectacles, de vente de pièces détachées,  de voyages, de sites de réception de dons, etc.


Il resterait tant de possibilités à vous détailler, accessibles simplement avec les réglages adéquats !


Ajouté à cela, notre volonté de développer une solution e-commerce personnalisable via CSS ou système de surcharge de vue. Il est également possible d’utiliser des plugins, pour se rendre compte qu’il est possible de répondre et de s’adapter à n’importe quel besoin grâce à Joomla et HikaShop.

About the author

Nicolas Claverie

Développeur de HikaShop, solution de boutique en ligne pour Joomla!.