M i Mk a k a B L A NN C H A R D c ic l l BLA CHARD

Magento Magento
Groupe Eyrolles, 2010, ISBN : 978-2-212-12515-3

Prface de Sbastien Lepers

Prface de Sbastien Lepers

Russir son site Russir son site e-commerce

e-commerce

Prface
Depuis le temps que la communaut attendait ce moment, voici enfin un livre en franais sur la plate-forme e-commerce dont tout le monde parle depuis deux ans : Magento. Pourquoi avoir d attendre si longtemps ? Tout dabord, Magento est une solution complte et souple, dote dun norme potentiel, mais qui en contrepartie demande du temps pour lapprivoiser... donc du temps pour en faire un livre. On aurait pu se contenter de traduire un livre anglais ou allemand existant. Mais non, on est plus exigeant que cela, il fallait que ce livre sadresse rellement un public qui travaille en France et dont les problmatiques sont propres ce pays, mme si aisment adaptables pour les lecteurs des autres pays francophones europens. Ensuite, les utilisateurs, dveloppeurs et experts de Magento ont une activit professionnelle charge, qui leur laisse peu de temps pour la rdaction. Enfin, ds quon aborde le sujet Magento, on ne peut se limiter loutil en lui-mme. On doit ncessairement sintresser beaucoup dautres sujets et mtiers, allant du marketing lhbergement, en passant par le rfrencement et la logistique. Ds lors, on comprendra que plusieurs tentatives de rdaction aient chou et que la seule aboutir pour le moment se soit fait attendre. Je pense que Mickal Blanchard ne me contredira pas si jaffirme que son livre est reprsentatif des connaissances que lon retrouve au sein de la communaut Magento. Tout le mrite davoir su les structurer et transmettre son exprience sur le logiciel lui revient. Petit retour en arrire sur lhistoire de Magento et de sa communaut francophone. Nos blogueurs francophones prfrs ont repr ds juin 2007 le petit bijou qui se prparait outre-Atlantique et qui allait bouleverser le paysage du commerce lectronique open source. Le 31 aot, la premire version bta de Magento tait rendue publique et tlcharge par les plus
Groupe Eyrolles, 2010

Magento

impatients. Le plus dur tait alors de savoir quil faudrait attendre plusieurs mois avant davoir une premire version stable. Mais lquipe de dveloppement a su nous faire patienter en publiant de nombreuses versions bta chaque fois enrichies de nouvelles fonctionnalits. Cest en septembre 2007 que la communaut franaise a t officialise avec louverture du site www.fragento.org et le lancement de la traduction franaise sur limpulsion du Capitaine Commerce. Aprs quelques jours seulement, il tait possible dutiliser Magento bta en franais. Ds la sortie de la version 1.0, fin mars 2008, Varien, la socit californienne qui dite Magento, a dtect que le trafic sur son site www.magentocommerce.com tait plus important en provenance de la France et de lAllemagne quen provenance des tats-Unis. lcoute de la communaut, Varien a trs vite compris que son systme de taxes ntait pas compatible avec celui de lEurope et a donc modifi son plan de lancement en consquence, afin de proposer un systme de taxes compatible ds juillet 2008, dans la version 1.1. Les exemples dimplication et de contribution de la communaut dans le dveloppement de Magento se sont ensuite multiplis. En vrac, citons les retours de bogues, les extensions communautaires ou commerciales, les contributions sur les forums multilingues, les tutoriels et les articles wiki. Il est vident que ce que Varien a offert la communaut, celle-ci le lui a largement rendu sous de multiples formes et quau final, de nombreuses personnes bnficient de cette collaboration. Malgr sa jeunesse, Magento est dj entr dans lhistoire du Web. Que vous soyez dveloppeur ou utilisateur, jespre que la dcouverte et lutilisation de Magento vous encourageront dcouvrir cette communaut et nous rejoindre. Ce livre saura vous guider et vous viter de renoncer comme lont fait quelques utilisateurs non accompagns. Pour conclure, je vous souhaite beaucoup de plaisir et de russite dans vos projets e-commerce avec Magento. Sbastien Lepers, alias SeL

VI

Groupe Eyrolles, 2010

Table des matires

AVANT-PROPOS ............................................................ 1 Pourquoi ce livre ? 1 qui sadresse ce livre ? 2 Structure de cet ouvrage 3 Remerciements 4 1. PETITE INTRODUCTION AU E-COMMERCE AVEC MAGENTO .. 5 Le e-commerce et le libre 6 Les principaux logiciels 7 OsCommerce 7 VirtueMart 7 PrestaShop 8 Comparaison des logiciels 8 propos de Magento 8 La licence OSL (Magento Community Edition) 9 Rapide historique 9 Votre projet Magento 10 Dfinir son projet de site e-commerce 11 tudier le march et de la concurrence 11 Dterminer ses besoins 12 Lquipe projet 12 Profils dcisionnels 13 Comptences graphiques et ergonomiques 13 Rles techniques 13 Gestion quotidienne et ditoriale du site 14 Dveloppement et production 14 Lhbergement 15 Choisir un nom domaine 15 Acheter un nom de domaine 15 Plusieurs noms de domaine, est-ce possible ? 16 La planification du projet 16
Groupe Eyrolles, 2009

Estimer les cots 17 Mettre en place dun calendrier prvisionnel 17 Tenir compte des imprvus 18 2. LENVIRONNEMENT DE DVELOPPEMENT .........................19 Le Web : rappels fondamentaux 20 Les adresses ou URL 20 HTTP... S ? 21 Structure dun site web 22 Pourquoi utilise-t-on des services web ? 23 Le langage (X)HTML 24 HTML, CSS et JavaScript 25 Script.aculo.us 25 MySQL, la base de donnes 25 Organisation gnrale dune base MySQL 26 PhpMyAdmin et SQL 26 PHP, le langage la base de Magento 28 O est PHP et comment fonctionne-t-il ? 28 Le Zend Framework 29 Les fichiers CSV 29 XML dans les fichiers et les messages 30 3. INSTALLER ET TESTER MAGENTO ...................................31 Les lments indispensables pour installer Magento 32 Les outils requis 32 Apache 32 Linterprteur PHP 32 MySQL 33 Un hbergement commercial 33 Serveur mutualis ou ddi ? 33 Quel matriel ? 34

VII

Magento

Les services supplmentaires 34 La qualit du service et le support 34 Un serveur domicile 34 Installer un serveur domicile 35 Tester et paramtrer le serveur 36 Configurer PHP 36 Crer le rpertoire Magento 38 Les droits daccs 39 Rves de grandeur ? 40 Phases dinstallation, pas pas 40 Obtenir Magento 40 Prparer larchive 41 La base de donnes 42 Installer 42 Tester linstallation 46 Les tches cron 48 Mise en place dune tche cron sous Unix 49 Mise en place dune tche planifie sous Windows 49 Magento en franais 51 It does not work ? 51 Rcuprer la cl dextension pour le French Language Pack 51 Installer lextension 53 Ajouter un premier produit dans la boutique 54 4. VISITE GUIDE DES FONCTIONNALITS OFFERTES AU VISITEUR ............................................................... 59 Visiter le site 60 Rechercher des produits 60 Acheter 62 Le panier dachat 62 Le processus de commande 62 Le compte de lutilisateur 66 Contribuer 67 Associer des tags aux produits 67 Crer son catalogue personnel : la wishlist ou liste denvies 67 Comparer les produits entre eux 68 5. ADMINISTRER LE SITE .................................................. 71 Connexion linterface dadministration 72 Les diffrents types de messages 74 Les messages publics mis par Magento 74 La gnration automatique de courriels 74 Les gabarits de courriels 75

Les gabarits par dfaut 75 Personnaliser les gabarits 75 Prsentation de linterface standard 77 Len-tte et le menu 77 Le pied-de-page 77 Les listes 78 Les formulaires 79 Cration et configuration des magasins 80 Configuration des magasins et des diffrentes vues 81 Crer un magasin supplmentaire 83 Configuration gnrale de Magento 85 Les zones de configuration du systme 85 Fonctionnement gnral du paramtrage 85 Les options du menu Gnral 87 Options gnrales (menu Gnral>Gnral) 87 Options Web 87 Paramtrer la page Contactez-nous 88 Option denvoi un ami 89 Les options du menu Catalogue 89 Options gnrales 89 Cration dun plan de site Google 93 Activation des flux RSS 94 Les options du menu Clients 95 Paramtres des comptes clients 95 Paramtres de navigation 95 Activation de la liste denvies 96 Les options du menu Ventes 96 Paramtrer le droulement dune vente en ligne 96 Impression de documents PDF 97 Paramtrer la commande et le rglement des achats 97 Paramtres de livraison 98 Configurer laccs aux services Google 98 Configuration avance 99 Paramtres pour ladministration 99 Paramtres systme 100 Paramtres utiles au dveloppeur 101 Gestion du cache 101 Gestion de votre quipe dadministrateurs 103 Mon compte 103 Les rles 103 Les utilisateurs 105 6. PUBLIER SUR LE SITE ..................................................107 Crer des pages de contenu 108
Groupe Eyrolles, 2009

VIII

Ajouter une page 109 Renseigner les mtadonnes 110 Insrer des blocs statiques 111 Crer un bloc 111 Affecter un bloc une page 112 Administrer des sondages 113 7. METTRE EN PLACE SA BOUTIQUE ................................. 117 Structurer les produits en catgories 118 Arborescence des catgories 118 Crer et paramtrer une catgorie 119 Informations gnrales 119 Paramtres daffichage 120 Produits de la catgorie 121 Hirarchie des catgories 121 Caractriser les produits grce aux attributs 122 Crer des attributs 123 Paramtrer le comportement des attributs pour le visiteur 124 Intituls et valeurs des attributs 126 Grer les groupes dattributs 127 Cration dun nouveau groupe 127 Rpartition dans les sous-groupes 128 Mettre en place les produits 129 Cration dune fiche produit 129 Informations gnrales 130 Fixer les prix 132 Ajouter des informations mta 133 Associer des images 134 Proprits dinventaire pour la gestion des stocks 134 Affecter le produit aux sites web et catgories 135 Produits apparents, ventes incitatives et ventes croises 136 Abonnements aux alertes sur les produits 136 Ajouter des options personnalisables : choix de la taille, de la couleur, etc. 137 Les diffrents types de produits 138 Les produits configurables 139 Les produits groups 142 Les produits packags 144 Les produits tlchargeables 146 Les produits virtuels 149 Grer les promotions 149 Les promotions catalogue 149

Dfinir une rgle 149 Conditions dapplication de la rgle 150 Rsultat 151 Les promotions panier 152 Dfinir une rgle 152 Bons de rduction 152 Conditions dapplication de la rgle 153 Les conditions gnrales de vente et dutilisation 154 Optimiser le rfrencement de votre boutique via les URL 156 Les URL automatiques 157 Rcrire manuellement les URL 158 8. GRER LES VENTES ....................................................161 Le processus complet dachat 162 Devises et taux de change 162 Configurer les devises 163 Fixer les taux de change 164 Grer sa clientle 165 Voir les clients en ligne 165 Constituer des groupes de clients 166 Informations sur les clients 166 Crer un client pour une commande par tlphone 167 Dfinir les taxes 169 Les classes de taxe produit 170 Les classes de taxe client 170 Les taux de TVA en fonction des zones de taxe 171 Les rgles de taxes 172 Laffichage des taxes et leurs options 174 Modes de livraison et frais de port 175 Points communs entre tous les modes 175 Le mode Tarif unique 176 Le mode Tarification 176 Le mode Livraison gratuite 177 Modes de paiement 177 Points communs entre les diffrents modes de paiement 178 Paiement par carte enregistre 179 Paiement par chque, mandat ou virement 180 Paiement par bon de commande 180 Administrer les commandes 180 Traiter les commandes 181 Produire des factures 182 Prparer les expditions 184 Grer les remboursements 186 Analyser le tableau de bord des commandes 187

Groupe Eyrolles, 2009

IX

Table des matires

Magento

9. PROMOTION DE LA BOUTIQUE : COMMUNIQUER AVEC SES VISITEURS .................................................. 189 Autoriser les avis sur les produits 190 Configurer les notations 190 Modrer les commentaires 192 Grer les mots-cls ou tags 193 Amliorer la recherche interne 195 Analyser les recherches des visiteurs 195 diter les recherches 196 Autres amliorations possibles 197 Envoyer une lettre dinformation (newsletter) 197 Grer les inscriptions 198 Prparer un gabarit 199 diter et envoyer la lettre 200 Mieux connatre votre clientle : utiliser les rapports 201 Les diffrents tats disponibles 201 Manipuler les tats 202 Utiliser les services web 203 Vrification rapide du bon fonctionnement 204 Services XML-RPC 204 Services WS-* 205 Mthode dutilisation 205 Scurit : crer des utilisateurs 206 10. PERSONNALISER LAPPARENCE DE SA BOUTIQUE ......... 209 Configuration de base du design 211 Len-tte HTML 211 Le titre de la page (title) 211 Les balises mta et autres indications pour les moteurs de recherche 212 Les petits plus 212 Len-tte visible de la page 213 Le pied de page 213 Ajouter un filigrane sur les images de produits 214 Crer un thme graphique 215 Organisation des fichiers 215 Organisation gnrale 215 Organisation des thmes au sein des rpertoires 216 Le principe de surcharge 217 Crer un paquet 218 Crer et appliquer un nouveau thme 218 Application partielle dun thme 219 Exceptions 220 lments statiques du thme : images, CSS et JavaScript 222

Modifier des images ou fichiers JavaScript 222 Modifier les styles grce aux CSS 222 Design et internationalisation 223 Rpertoires de traduction 223 Les textes intgrs au thme 224 Les textes indpendants du thme 224 Mcanisme de traduction 224 Modifier les fichiers pour corriger ou ajouter une traduction 225 Ajouter des widgets 225 Modifier les gabarits (templates) 228 Les avantages de larchitecture MVC 228 Modifier un gabarit 229 Les gabarits spciaux 231 Syntaxe des gabarits 231 Classes et fonctions utiles 232 Traduction 233 Remplacement des caractres spciaux 233 Affichage dun bloc enfant 233 Les assistants 233 Le modle 233 Modifier les agencements (layouts) 234 Syntaxe gnrale et surcharge 235 Structure dun fichier dagencement 235 En pratique 236 Modification de la balise <default> 237 Le contenu des agencements 238 La balise <block> 238 La balise <reference> 239 La balise <action> 240 Exemple : changer la couleur du pied de page 240 Exemple : supprimer un bloc 242 Exemple : ajouter un bloc HTML 243 Exemple : ajouter un lien vers une page 244 Personnaliser le design via linterface dadministration 246 Paramtres de design personnalis 246 Exemple dajout de paramtres de design personnalis 247 11. AJOUTER ET CRER UNE EXTENSION ...........................249 Installer une extension prexistante 250 Choisir une extension 250 Obtenir la cl dinstallation 253 Tlcharger et installer lextension avec Magento Connect 254
Groupe Eyrolles, 2009

Exemple de configuration 257 Crer soi-mme ses extensions 259 Modifier Magento ? 259 Structure et fichiers essentiels dune extension 261 Trouver les erreurs 263 Un exemple complet : cration dun premier module daccs une base de donnes 265 Dclaration : crer le fichier de configuration de lextension 265 Structure des fichiers 266 Crer le bloc correspondant au module 267 Fichier de bloc : LeMessage.php 267 Fichier dagencement : message.xml 268 Fichier de configuration : config.xml 269 Fournir une traduction du message 271 Modification du gabarit 271 Cration des fichiers de traduction CSV 272 Modification du fichier de configuration 272 Afficher un message dynamique partir de la base de donnes 273 Crer la table denregistrements 273 Prvoir linstallation automatique de la table 274 Construire le modle 275 Dclarer le modle 277 Modifier la classe de bloc pour afficher le rsultat 278 Bilan du premier module 279 Suite de lexemple : crer un second module pour la livraison 280 Construire la structure et les classes du module 281 Crer les rpertoires 281 Construire la classe Back 281 Crer les fichiers de traduction 284 Adapter les fichiers de configuration 284 Fichier de configuration etc/config.xml 284 Fichier de dpart de lextension 285 Rendre lextension configurable 286 Un menu spcial pour notre extension 287 Ajout de paramtres dans un onglet existant 291 Lecture des paramtres depuis la classe du modle 294 Crer un paquet pour publication 296 Informations du paquet 296 Informations de publication 297 Responsables de la maintenance 297 Dpendances 298

Contenu 298 Sauvegarde et mise en ligne 299 A. QUELQUES EXTENSIONS UTILES DE MAGENTO ...............301 Paiement en ligne par carte bancaire 301 CM-CIC p@iement (CyberMUT Paiement/Paiement CIC) 301 SPPLUS Extension (Caisse dpargne) 302 Et pour les autres banques ? 303 Modes de livraison 303 J2T TNT Module (relais colis TNT) 303 Owebia Shipping 2 304 Thmes et design 304 Advanced Menu 304 Clean EasyStart Theme 305 Internationalisation 306 French (France) Language Pack 306 Autres extensions utiles 307 osCommerce fixed migration tool 307 Blog 308 B. HTML, CSS ET JAVASCRIPT ......................................311 (X)HTML 311 La page 311 Les balises principales 313 Les commentaires 313 Le corps de texte et sa mise en forme 313 Les titres 314 Listes et tableaux 314 Les balises de liens 315 Lien vers une autre page 316 Images 316 Lencodage des caractres 316 CSS 317 Intgrer les CSS dans le HTML 317 Associer le code CSS au HTML 319 Quelques proprits CSS 320 Couleurs 320 Polices de caractres 320 Marges et bordures 321 Autres 321 JavaScript 321 Intgrer le JavaScript dans le HTML 322 Script.aculo.us 323

Groupe Eyrolles, 2009

XI

Table des matires

Magento

Utilisation 323 Principaux effets 324 Comportements 324 Ajax 325 C. PHP ET LE ZEND FRAMEWORK ................................... 327 PHP 327 Les apports de PHP 5 328 Le Zend Framework 329 Le Zend Framework dans Magento 329 Interaction avec les bases de donnes 330

Le SQL avec ladaptateur 331 Le contrleur 332 Le client HTTP 333 Autres classes utiles 333 D. XML.......................................................................335 Pourquoi XML ? 335 Les rgles fondamentales du XML 336 Autres normes associes XML 337 INDEX ......................................................................339

XII

Groupe Eyrolles, 2009

Avant-propos
B http://www.fevad.com

CONSEIL Visiter et acheter

Si jamais vous naviez quune ide vague de ce quest une boutique en ligne, passez quelques temps sur des sites de e-commerce, quels quils soient. Il serait mme utile que vous fassiez un achat complet, au moins jusqu la phase de paiement. En voici quelques exemples :
B http://www.eyrolles.com B http://www.amazon.fr B http://www.alapage.fr

En 2009, on comptait 56 000 sites marchands actifs en France, pour un chiffre daffaires total de 5,6 milliards deuros (daprs la FEVAD, Fdration du e-commerce et de la vente distance, qui ralise des tudes priodiques de rfrence sur le sujet). cela sajoutent les plates-formes de mutualisation et les simples marchands rfrencs sur des sites intermdiaires (denchres, de publication...). La mise en place dune boutique sur lInternet demande la ralisation logicielle des mcanismes classiques de toute entreprise commerante, et plus gnralement de tout nouveau canal de vente : le maintien de produits et rubriques de produits dans une base de donnes ; le processus dachat ; le processus de paiement ; le maintien de clients, de leurs adresses, de leurs commandes ; ltablissement des frais de livraison ; la prise en compte de la taxation. Lexistence de cet ensemble de points communs justifie gnralement lemploi dune plate-forme logicielle existante, plutt que la cration complte dun site sur mesure, afin de faciliter la mise en place de tous ces processus. Cest dans ce logiciel que vous devrez, une fois celui-ci configur, intgrer vos donnes et ladapter vos besoins propres, dans son apparence comme dans son comportement.

SAVOIR Identification renforce

Le mcanisme de paiement en ligne par carte bancaire volue en France, pour plus de scurit. Dsormais, il nest plus suffisant de disposer du code de la carte, et du cryptogramme inscrit au dos, mais une identification supplmentaire est ncessaire, tels un code secret ou la date de naissance du client. Le vendeur, cest--dire le propritaire du site de e-commerce, na pas modifier son site pour sy adapter, car cela se passe au niveau de la banque.

Pourquoi ce livre ?
Magento est lun de ces logiciels, parmi les plus rcents et les plus complets, et libre de surcrot. Rput pour sa puissance et ses grandes capa Groupe Eyrolles, 2010

Magento

cits de configuration grce lajout et au dveloppement de nombreux nouveaux modules, il peut pour cette raison sembler au premier abord quelque peu difficile daccs. Cest pourquoi cet ouvrage a pour objectif, daprs mon exprience dans linstallation de ce logiciel pour diverses entreprises, de vous assister dans la mise en place de votre site de e-commerce, depuis la dfinition des besoins jusqu lajout de modules supplmentaires, en passant par la configuration, la cration et lalimentation de la base de donnes, sans oublier la personnalisation de lapparence graphique.

qui sadresse ce livre ?

Cet ouvrage a t crit pour tous les niveaux dapprentissage de Magento, et sil sadresse avant tout ladministrateur qui sera charg de la mise en place et de la gestion dun site de e-commerce, il servira galement de guide au dveloppeur qui souhaitera lexploiter au maximum de ses capacits. Les dbutants complets, utilisateurs de lInternet mais peu familiers de ses spcificits techniques, dcouvriront Magento, les technologies qui le composent, ses possibilits et les enjeux de son utilisation. Les derniers chapitres de ce livre ne les concerneront pas dans limmdiat, car ils demandent des connaissances techniques en programmation qui ne peuvent sacqurir simplement par la manipulation, mme en profondeur, de Magento. Cependant, le reste de louvrage a t crit avec des rfrences et un vocabulaire exacts, qui sefforcent de leur offrir une lecture claire et sans verbiage inutile. Si vous tes expriment en HTML, voire en PHP, mais que vous abordez Magento avec un il neuf, vous tes au centre des proccupations de lauteur. Cest alors lensemble du livre qui vous concerne ; laissez-vous guider par les fonctionnalits dont vous avez vraiment besoin. Lordre de louvrage devrait vous convenir parfaitement, et les quelques chapitres gnralistes pourront tre simplement survols. Vous tes un expert en dveloppement web ? Ce livre devrait tre pour vous une aide prcieuse. Lauteur, fort de son exprience dans le dveloppement de solutions associes des CMS (Content Management System), boutiques en ligne ou autres outils en PHP, sest appliqu dtailler les points les plus dlicats de Magento. La cration de modles (templates) et de thmes graphiques (layouts), particulirement exotique et ardue, est explique, exemples lappui. Quant la fabrication dextensions, cest le point qui devrait mriter le plus votre attention. Elle a t crite afin

Groupe Eyrolles, 2010

de parcourir le plus de possibilits et de besoins que vous auriez rsoudre, et certaines astuces vous feront gagner de nombreuses heures.

Structure de cet ouvrage

Lordre des chapitres assure une cohrence maximale. Aucun point nest dvelopp tant que les lments ncessaires nont pas t expliqus. Le chapitre 1 (Petite introduction au e-commerce avec Magento) propose des informations gnrales propos de Magento et de son cosystme, ainsi que des conseils pour mettre en place votre propre projet de boutique en ligne. Le chapitre 2 (Lenvironnement de dveloppement) prsente toutes les technologies sous-jacentes Magento, commencer par le Web. Vous trouverez ensuite des complments sur ces technologies en annexe. Le chapitre 3 (Installer et tester Magento) indique en dtail comment installer Magento, en prsentant de multiples situations. Le chapitre 4 (Visite guide des fonctionnalits offertes au visiteur) montre comment vos visiteurs et clients utilisent le site que vous mettez en place. Le chapitre 5 (Administrer le site) dtaille les actions fondamentales ralises par les administrateurs dune boutique Magento, configuration des diverses fonctionnalits incluse. Le chapitre 6 (Publier sur le site) indique comment publier sur le site des informations qui ne font pas partie du processus dachat. Le chapitre 7 (Mettre en place sa boutique) est consacr lensemble des donnes commerciales, cest--dire les produits, catgories, commandes, etc. Le chapitre 8 (Grer les ventes) prsente la configuration dtaille du processus de vente (paiement, livraison, etc.). Le chapitre 9 (Promotion de sa boutique : communiquer avec ses visiteurs) dcrit ladministration des fonctionnalits interactives destination des visiteurs, comme les commentaires des produits. Il vous donne ainsi diffrents moyens de faire connatre votre boutique et dattirer les internautes. Le chapitre 10 (Personnaliser lapparence de sa boutique) est un premier point de la mise en place potentiellement complexe dun site, savoir lapplication de thmes graphiques aux diffrentes pages dun site Magento.

Groupe Eyrolles, 2010

Avant-propos

Magento

Le chapitre 11 (Ajouter et crer une extension), destination des dveloppeurs, explique les points cls et les mthodes permettant la modification et la cration dextensions diverses et varies pour Magento. Pour terminer, les annexes dcrivent quelques extensions utiles un site franais et prsentent les bases des technologies utilises par et pour Magento.

Remerciements
Je tiens remercier les stagiaires successifs qui, depuis 2008, ont eu la bonne ide de demander une formation Magento, et se sont prts de bonne grce aux exemples que je leur soumettais, voire m'ont pouss coucher sur le papier la somme de connaissances que je leur apportais. Je suis grandement redevable envers les membres passs et prsents de Dawan, leur culture du savoir fut un moteur essentiel dans ma rdaction. J'applaudis les intervenants actifs et dtermins de Magento de par le monde, en particulier ceux de Varien, qui mrite son succs, mais aussi Florent Sabourin et Sbastien Lepers, qui ont collabor cet ouvrage. Enfin, un merci chaleureux aux ditions Eyrolles, Fabienne LHostis, Sophie Hincelin, Pascale Sztajnbok, Anne-Lise Banath, Gal Thomas et surtout Karine Joly, qui ont russi transformer ce projet avec un grand talent.
UN MOT DE LAUTEUR Mickal Blanchard
Mickal Blanchard est ingnieur en dveloppement. Il est actuellement responsable de projet dans la SSII Dawan, intervenant en conseil sur des dveloppements Internet, intranet et extranet de toutes sortes, gnralement en PHP. galement formateur depuis six ans dans de nombreuses technologies du Web, dont lune des premires formations dexpertise pour PHP 5 depuis 2005, il donne aussi des formations pour OsCommerce, Joomla!, et bien sr Magento. Il est certifi Dveloppeur PHP Zend. Ses formations comme ses consultations lui ont donn loccasion dapprcier de multiples situations dutilisation de systmes de commerce lectronique, et lvolution dans les annes rcentes de Magento. Les diffrents services production, assistance, formation pour lesquels lauteur et sa structure se mettent votre disposition sont dtaills sur le site : Bhttp://www.dawan.fr

Groupe Eyrolles, 2010

Visite guide des fonctionnalits offertes au visiteur

4
SOMMAIRE

B Visiter le site

Un site conu avec Magento permet vos internautes de raliser un grand nombre doprations, dautant plus lorsque ceux-ci deviennent clients... Petite visite guide des fonctionnalits offertes sur linterface publique dun site !

B Acheter B Contribuer
MOTS-CLS

B boutique B commande B compte B tag B wishlist

Groupe Eyrolles, 2010

Magento

Nous vous prsentons ici les manipulations possibles pour vos visiteurs et clients. Il est utile, en effet, que vous sachiez parfaitement quelles sont les capacits et les limites de linstallation dun produit aussi complet que Magento.

Visiter le site
CONSEIL Visitez, en profondeur
Vous devriez visiter et faire visiter votre site le plus possible. Cela vous permet non seulement de vrifier le rsultat de vos modifications, mais aussi de reprer les ventuelles anomalies et les difficults corriger ou compenser.

La partie publique dun site est ouverte et disponible ds linstallation. Elle ne contient alors aucun produit, aucune catgorie, aucune page... Mais linsertion du premier produit que nous venons de raliser permet dj de se comporter comme un visiteur et de faire ses courses. Rendez-vous sur la partie publique. Si vous y tiez dj, actualisez la page daccueil. En haut, une zone de recherche apparat, puis le menu. En dessous, dans un bandeau, les catgories principales. droite (et ventuellement, plus tard, gauche), apparaissent des botes de toutes sortes. Enfin, au centre, vous voyez le contenu principal de la page en cours de visite.

Figure 41 La page daccueil par dfaut

CULTURE Et dans les autres boutiques ?

Les boutiques en ligne peuvent tre trs diffrentes en ce qui concerne leurs organisation, graphisme, etc., mais les mcanismes principaux, comme la rpartition des produits par catgories, varient trs peu. Seuls quelques sites font exception, par exemple les boutiques de vente de billets davion. Pour elles, le dveloppement a t fait sur mesure.

Votre site, mme aprs modification du graphisme telle que propose au chapitre 10, aura toujours un principe dinterface utilisateur identique celui-ci. Il rpond, entre autres, aux critres dergonomie auxquels sattend probablement votre client, afin de ne pas se sentir perdu dans votre boutique.

Rechercher des produits

Le visiteur doit pouvoir trouver (et retrouver !) facilement les produits en vente. Pour cela, il peut utiliser le lien portant le nom de la rubrique, en

60

Groupe Eyrolles, 2010

haut. Une page de rubrique est alors affiche, avec les diffrents produits disponibles, et leurs particularits. Il suffit ensuite de cliquer sur le nom du produit pour disposer de plus dinformations.

Figure 42

Une page de rubrique : liste de produits

Le moteur de recherche (en haut) est efficace et prsente les rsultats organiss de faon identique aux catgories constitues. Une bote de dialogue Affiner la recherche est disponible, bien quinutile pour nous pour le moment (sa configuration est traite dans le chapitre 7).

Figure 43

Rsultats dune recherche

La prochaine recherche qui sera effectue bnficiera dune assistance. En pratique, si vous entrez le dbut dune recherche qui a dj t saisie au pralable (par nimporte quel visiteur, sur nimporte quel ordinateur), celle-ci sera propose automatiquement, comme sur lexemple de la figure 4-4. On voit quici, la recherche riz long a dj t faite, et quelle aura un rsultat.
Figure 44

Recherche assiste : un rsultat disponible

Groupe Eyrolles, 2010

61

4 Visite guide des fonctionnalits offertes au visiteur

Magento

LINTRIEUR Un fil dAriane sans JavaScript

Le fil dAriane (breadcrumbs, en anglais, en rfrence au Petit Poucet), appel parfois aussi chemin de navigation, est cet enchanement de liens en haut de page permettant au visiteur de toujours savoir o il se trouve dans larborescence dun site et de revenir en arrire. Par exemple : Accueil> Catalogue>Riz>Riz bio. Dans un site Magento, il ne contient pas de JavaScript, malgr ce principe de retour en arrire qui semblerait y convenir. Les auteurs du logiciel ont prfr mettre en place de vritables liens HTML, qui non seulement fonctionnent en permanence, mais favorisent aussi le rfrencement (sans compter laccessibilit, puisquils restent compatibles avec les navigateurs fonctionnant sans JavaScript).

Pour trouver dautres produits, le visiteur dispose du bandeau de menus, toujours prsent, qui permet de naviguer entre les diffrentes rubriques. De plus, un fil dAriane (breadcrumbs) permet chaque instant de revenir en arrire.
Figure 45

Le fil dAriane

Acheter
Le panier dachat
Linternaute est pouss lachat par de nombreux boutons Ajouter au panier, associs une quantit. Le panier regroupe tout ce que le client va acheter en une fois ; cest une mtaphore de marchs ou supermarchs.

LINTRIEUR Toujours le mme bouton

Si le bouton Ajouter au panier ou un autre bouton quivalent apparat sur de nombreux types de page, non seulement mne-t-il toujours au mme endroit, mais il fait aussi appel au mme code interne. Ainsi, nous sommes donc bien exactement face au mme comportement, quelle que soit la manipulation ralise par linternaute pour son achat.

Figure 46

La page de produit avec un bouton dajout au panier

tout instant avant davoir conclu son achat, lutilisateur peut retrouver son panier et le modifier : aprs chaque ajout dun produit ; en cliquant sur Mon panier, en haut de lcran.
SAVOIR Quelques absences de traduction
Leffort de traduction de Magento en franais est important, mais il ne couvre pas encore la totalit de lapplication. Les lments manquants seront faciles ajouter par vous-mme, comme cela est expliqu dans le chapitre 10, la section Design et internationalisation .

Le bouton Mettre jour le panier permet de modifier les quantits. Le gros bouton Proceed to Checkout (ne vous inquitez pas de la version anglaise pour le moment) mne au paiement. Vous pouvez tester lensemble du fonctionnement tel que prsent ici, car il ny aura pas de consquence sur vos finances relles.

Le processus de commande
Lachat est ralis en plusieurs phases distinctes, dont lordre ne peut varier. 62
Groupe Eyrolles, 2010

Figure 47 Le panier dachat

1 La premire phase consiste en lidentification. Lachat peut se faire en

tant quutilisateur enregistr (nouveau ou ancien) ou anonyme. Choisissez de crer un nouveau client.

Figure 48

Premier volet : lidentification

Groupe Eyrolles, 2010

63

4 Visite guide des fonctionnalits offertes au visiteur

Magento

2 Entrez des donnes quelconques dans les diffrents champs de la fac-

turation (ladresse par dfaut), et choisissez la livraison la mme adresse.

Figure 49

Deuxime volet : adresse de facturation

3 Un seul mode de livraison est disponible, acceptez-le. Bien sr, si

nous avions choisi une adresse de livraison diffrente de ladresse de facturation, elle nous aurait t demande juste avant, dans un troisime volet identique au second. Les modes de livraison disponibles dpendent du lieu de livraison.

Figure 410

Quatrime volet : le mode de livraison

4 Lors de ltape suivante, vous observez deux modes de paiement,

pour le moment. Payons par chque.

5 Nous pouvons dsormais valider la commande (Place Order). L

encore, ne vous inquitez pas de langlicisme.

64

Groupe Eyrolles, 2010

Figure 411

Cinquime volet : choix du mode de paiement

Figure 412

Sixime volet : rsum de la commande

6 La page suivante est une page dinformation. Elle indique la possibi-

lit daccder la commande ralise, et annonce quun mail va tre envoy (si vous utilisez une installation locale, ceci chouera probablement).

Figure 413

La commande est termine !

Vous pouvez tester la robustesse du processus en actualisant votre navigateur (F5). Vous observez alors que contrairement ce que vous auriez pu redouter, il ne passe pas une seconde commande la catastrophe est vite !

Groupe Eyrolles, 2010

65

4 Visite guide des fonctionnalits offertes au visiteur

Magento

Le compte de lutilisateur
CULTURE Acheter sans compte ?
Pour des raisons de simplicit, certaines boutiques conues sans Magento ne proposent pas de compte pour les acheteurs. Cela oblige alors les clients entrer de nouveau chaque fois leurs adresses, et ne leur permet gnralement pas de consulter ltat de leurs commandes. Nul doute que la possibilit de senregistrer saura sduire et fidliser vos acheteurs !

Comme nous venons de crer un nouveau compte client en commandant, nous pouvons ds lors visiter les pages ddies ce compte. Il suffit pour cela de cliquer sur Mon compte, en haut de la page. Le tableau de bord est indicatif et comprhensible. Il permet de nombreuses actions en correspondance avec les commandes et leur volution.

Figure 414

Le tableau de bord de lutilisateur

LINTRIEUR Partage dadresse

Lagencement des donnes de Magento ne propose pas le partage par plusieurs clients dune mme adresse. Toutefois, ce nest pas interdit non plus, et seul le nom dutilisateur ne peut pas tre commun plusieurs de vos clients.

Un utilisateur peut avoir plusieurs adresses. Celles-ci peuvent tre cres chaque commande ou tre inscrites dans le carnet dadresses, afin dtre utilises comme adresses de facturation ou livraison.

Figure 415

Le carnet dadresses de lutilisateur

T Cookie

Le cookie est une petite information, invisible pour lutilisateur, envoye par un serveur web un client, et renvoye ensuite systmatiquement au serveur par ce client, afin de diffrencier les donnes de chaque utilisateur. Figure 416

Sil le dsire, lutilisateur peut se dconnecter. Sinon, sa session est maintenue par un cookie, qui reste en place jusqu la fermeture du navigateur.

Le lien de dconnexion

66

Groupe Eyrolles, 2010

Contribuer
En plus de consulter les pages et dacheter des produits en ligne, le visiteur, et potentiellement futur client peut avoir une relle interaction avec le site. Ceci aura pour effet bnfique de : crer une communaut autour du site ; renforcer limplication du client ; permettre damliorer le site ; vous apporter des informations marketing. Les grands sites de vente ont mis en place et valu depuis longtemps ces fonctionnalits supplmentaires, et nhsitent pas multiplier des accessoires pour les mettre en avant, preuve de leur relle valeur ajoute !

Associer des tags aux produits

Chaque produit peut tre associ un ou plusieurs tags (tiquettes, mots-cls). Chaque tag peut tre associ un ou plusieurs articles. Le visiteur est invit proposer des tags pour chaque article, qui sont bien sr soumis validation de ladministrateur.
T Tag

Figure 417

Ajouter des tags

Une fois un certain nombre de tags attribus, un nuage de tags saffichera sur certaines pages publiques, les tags prpondrants tant mis en valeur en fonction de leur importance. Cela offre lavantage de proposer une navigation plus intuitive, transversale aux catgories.

Tag, en anglais, signifie balise. Cest un lment permettant lajout dinformations de contenu ou de mise en forme dans un texte, en HTML, par exemple, mais dans le monde du Web interactif, cela dsigne aussi un mot-cl associ un article, une photo, une vido ou un produit par les clients. Cela permet ensuite notamment damliorer la recherche vers ces lments. Vous retrouvez ces tags notamment sur les blogs et sur les sites communautaires comme YouTube, Flickr, etc. Souvent, les tags sont regroups en nuage de tags (tag cloud), cest--dire une reprsentation graphique dun ensemble de tags qui rend visible la prpondrance de certains tags sur les autres.

Figure 418

Le nuage de tags

Crer son catalogue personnel : la wishlist ou liste denvies

La wishlist, littralement liste denvies , est une liste de produits associe un utilisateur et qui lui est propre. Il sagit de produits quil souhaiterait et pourrait acheter potentiellement, chaque produit tant associ
Groupe Eyrolles, 2010

67

4 Visite guide des fonctionnalits offertes au visiteur

Magento

un commentaire optionnel. Cela lui permet en quelque sorte de se constituer un catalogue personnalis ou de constituer une liste de mariage, de cadeaux, etc. Sur une page produit, il est possible de demander Ajouter la liste denvies. La liste apparat alors, comme sur la figure ci-aprs. Le bouton Partager la liste denvies permet denvoyer cette liste dautres personnes, par e-mail, tandis que le bouton Tout ajouter au panier ajoute en une seule fois tout le contenu de la wishlist au panier. Enfin, notez quaprs modification des commentaires, il faut cliquer sur le bouton Mettre jour pour quils soient pris en compte.

Figure 419

La liste denvies dun visiteur

Comparer les produits entre eux

Lutilisateur peut comparer les produits suivant leurs diffrentes caractristiques. Il faut pour cela tout dabord ajouter des produits au comparateur. Pour comparer ensuite tous les articles ainsi ajouts, utilisez le bouton Comparer les articles apparaissant droite.

Figure 420

Le bouton pour comparer les produits

Une page prte limpression souvre alors, proposant une comparaison de certains attributs (nom, description, prix...), comme sur la figure ci-aprs. 68
Groupe Eyrolles, 2010

Figure 421

Le lien dajout pour la comparaison

Figure 422

Le rsultat dune comparaison

Enfin, signalons une dernire interaction possible entre le client et le site : le contact direct, en passant par un formulaire trs simple de mise en contact (page Contactez-nous), dont la mise en place est prsente dans Les options du menu Gnral du prochain chapitre.

Groupe Eyrolles, 2010

69

4 Visite guide des fonctionnalits offertes au visiteur

Mettre en place sa boutique

7
SOMMAIRE

B Les catgories de produits

Nous voil maintenant au cur de notre site : la boutique ! Grce Magento, la ralisation complte dun catalogue riche et complexe est entirement prvue. Comment crer les catgories, les produits et les images, et autres donnes qui leur sont associes ?

B Les attributs B Les produits et types

de produits

B Les promotions B Les conditions gnrales

de vente et dutilisation

B Rcriture dURL pour

le rfrencement MOTS-CLS

B catalogue B catgorie B produit B attribut B lot B promotion B CGV, CGU B alerte

Groupe Eyrolles, 2010

Magento

LINTRIEUR Une base efficace

Avec Magento, les donnes sont contenues dans une base de donnes MySQL rcente et bien conue. Cela signifie que vous pouvez crer autant dlments prsents ensuite (catgories, attributs, produits...) que vous le souhaitez, sans gnralement aucune consquence sur les performances ( nuancer peut-tre si vous avez des centaines de milliers de produits...).

Nous abordons dans ce chapitre le cur du contenu de votre boutique : les produits et les donnes qui leur sont associes. Les diffrents contenus vous sont donc prsents, dans lordre le plus vident pour les crer. Attention, cette partie de votre travail est essentielle et invitable. Elle peut savrer la tche la plus longue de toutes, pour peu que votre catalogue soit particulirement important.

Structurer les produits en catgories

Les catgories, ou rubriques, sont des rpertoires dans lesquels les produits sont placs. Ces rpertoires peuvent tre inclus les uns dans les autres, la manire de leurs quivalents sur un disque dur. Chaque catgorie peut ainsi contenir des produits et dautres catgories, sans limitation. Laffichage le plus courant consiste montrer le premier niveau de catgories en tant que menu, gauche ou en haut des pages du site. Le nom des catgories, qui doit tre court et comprhensible, et leur nombre (4 10) sont donc particulirement importants. Il existe deux types de catgories, les catgories racines et les souscatgories : une catgorie racine na pas de catgorie parente ; une sous-catgorie a une catgorie parente. Nous lavons vu prcdemment : un magasin est associ une seule catgorie racine. Il est donc tout fait raisonnable que vous nayez quune seule catgorie racine en tout. Les visiteurs ne verront jamais le nom ou lorganisation des diffrentes catgories racines, mais seulement les souscatgories.

CONSEIL De lorganisation !
Les visiteurs profiteront de ces catgories pour fouiller votre catalogue. Une bonne organisation est donc primordiale. Nhsitez pas prparer dans un document part les diffrentes catgories ainsi que leur contenu.

Arborescence des catgories

Pour crer une catgorie, rendez-vous dans le menu Catalogue>Grer les catgories. Vous observez quil ne sagit pas dune liste classique, mais dune arborescence, qui apparat de faon traditionnelle gauche. Vous pouvez bien sr cliquer sur les petits et + gauche des catgories, afin de dployer ou de refermer les diffrentes branches de larbre. Les liens Tout rduire et Tout dvelopper permettent deffectuer ces oprations sur lensemble des branches de larborescence. Enfin, vous pouvez choisir de nafficher que les catgories associes une certaine vue magasin (et donc celles contenues dans la catgorie racine de son magasin).
Figure 71

Arborescence des catgories

Pour modifier une catgorie, cliquez sur son nom dans larborescence. Pour en crer une nouvelle, utilisez les deux boutons Ajouter gauche.
Groupe Eyrolles, 2010

118

Crer et paramtrer une catgorie

Informations gnrales
Crons une nouvelle sous-catgorie Riz pics , dont les proprits apparaissent sur la figure 7-2.

Figure 72

Formulaire de cration dune rubrique ou catgorie

Le Nom est essentiel, car il apparat partout sur le site ; il doit donc

avoir du sens pour votre visiteur. La catgorie est active ou non. Inactive, tout son contenu sera cach. La Cl dURL nest utile que pour les sous-catgories. Il sagit de rdiger la fin de lURL, qui apparatra aprs le dernier slash /. Par exemple, notre catgorie dont la cl dURL est riz-simple sera accessible via lURL http://127.0.0.1/magento1.3/riz-simples.html. Si vous ne spcifiez rien, la cl dURL sera cre automatiquement, partir du nom. La Description de la catgorie, en HTML, apparat sur les pages du site comme dfini dans le gabarit des catgories (voir le chapitre 10). Idem pour lImage, que vous devez charger ici. La Description bnficie, comme les autres champs acceptant du HTML, de lditeur Wysiwyg intgr depuis la version 1.4 de Magento ; il suffit pour cela de cliquer sur le bouton se trouvant en dessous. Le Titre de page, les Mots-cls meta, et la Description meta ont le mme rle que pour les pages statiques (voir chapitre 6). Ce sont des infor119

Groupe Eyrolles, 2010

7 Mettre en place sa boutique

Magento

mations utiles aux moteurs de recherche. Vous pouvez tout fait reprendre la description prcdente, bien que celle-ci puisse en plus contenir du HTML, ce qui nest pas le cas de la mtadescription.

Paramtres daffichage
Le second volet des proprits concerne la faon dont saffiche la page consacre la catgorie.

Figure 73

Volet consacr aux paramtres daffichage

Le Mode daffichage permet de choisir entre laffichage de la liste des

SUIVRE...
Design personnalis dune catgorie
Le paramtrage du design des catgories, contenu dans longlet Design personnalis, est trait en dtail dans le chapitre 10, section Personnaliser le design via linterface dadministration .

produits et laffichage dun simple bloc statique, ou les deux. Le bloc de texte est utile, mais demandera un effort supplmentaire de rdaction. Il peut mme contenir des liens vers des produits ou des sous-catgories, et ainsi vous dispenser dafficher les produits ici. Dans le cas de laffichage dun bloc statique, il faut le choisir comme Bloc CMS. La proprit Ancre indique si la page principale de la catgorie affiche seulement les produits de cette catgorie (Non), ou aussi ceux de ses catgories enfants (Oui). Enfin, certains Tris sont disponibles pour laffichage des produits de la catgorie (Meilleure affaire, Nom, Prix), ainsi quun Tri par dfaut. Les meilleures affaires sont expliques dans le paragraphe suivant. Ces proprits peuvent tre spcifiques la rubrique, mais peuvent aussi tre indiques par dfaut une fois pour toutes dans la configuration du catalogue.
Groupe Eyrolles, 2010

120

Produits de la catgorie
Dans le dernier onglet, Produits de la catgorie, on indique quels produits on associe la catgorie en cours de cration. linverse, il est aussi possible dindiquer partir des pages de cration des produits les catgories auxquelles appartiennent ces produits. Ainsi, nous nous trouvons devant un mcanisme dassociation dite plusieurs plusieurs entre produits et catgories, savoir quun mme produit peut apparatre dans plusieurs catgories, voire dans plusieurs magasins. Afin dajouter des produits dans une catgorie, il faut rechercher les produits qui vous intressent. Si le filtre par dfaut consiste nafficher que les produits qui sont dj dans la catgorie, il suffit dindiquer Tous dans la liste droulante de filtrage gauche pour tous les faire apparatre. Il est ensuite ais de rechercher un produit et de lassocier la catgorie en cliquant dans sa bote cocher.
CONSEIL Produits dupliqus
Grce ce systme, vous devriez pouvoir viter compltement de dupliquer intgralement des produits. La seule utilit de la duplication est de crer un produit partir dun autre, et non de maintenir un mme produit deux endroits distincts !

Figure 74

Recherche des produits

Pour chaque produit est disponible, droite, la Position. Il sagit de lordre des diffrents produits lors de laffichage des catgories, si vous y avez choisi Meilleure affaire comme ordre de tri. Donnez ici un numro entre 0 et linfini. Gnralement, on va de 10 en 10, afin de pouvoir insrer plus tard des produits entre deux autres sans avoir tout renumroter.

Hirarchie des catgories

Lorsque vous sauvegardez la catgorie, elle apparat gauche systmatiquement comme catgorie racine. Il suffit ensuite de la dplacer par un simple glisser-dposer lintrieur de la catgorie racine existante.

Figure 75 Catgorie dans la hirarchie,

Figure 76 Catgorie dplace dans

lors de sa cration

la catgorie racine par dfaut

Groupe Eyrolles, 2010

121

7 Mettre en place sa boutique

Quelques extensions utiles de Magento

B http://www.magentocommerce.com/

magento-connect

De trs nombreuses extensions de Magento sont votre disposition, gratuites ou payantes, sur le site de Magento Connect. Voici quelques unes dentre elles, particulirement adaptes une boutique franaise, classes en fonction de leur utilit. Nous ne prsentons ici que des extensions dclares stables ou en version bta, et utilisables avec la version 1.3 au moins de Magento.

Paiement en ligne par carte bancaire

CM-CIC p@iement (CyberMUT Paiement/Paiement CIC)
B http://www.quadra-informatique.fr

Auteurs : Quadra Team. Licence : OSL (libre et gratuite) Langues : franais et anglais

ATTENTION
Prendre en compte les frais bancaires
Lextension CybermUT elle-mme est tlchargeable et utilisable librement, conformment sa licence, mais elle ncessite pour fonctionner un kit logiciel fourni par la banque qui, elle, pourra vous faire payer ses services, comme pour tout systme de paiement par carte bancaire.

Figure A-1

Logo de lextension CyberMut Paiement

Cette extension communautaire utilise CyberMUT Paiement, la solution de paiement en ligne des banques Crdit Mutuel, CIC et OBC. Le kit logiciel fourni par la banque (incluant Hmac-SHA1 OpenKits ToolBox) est ncessaire en plus de cette extension. La configuration

Groupe Eyrolles, 2010

Magento

permet dindiquer les critres de paiement (identification de la boutique, type de paiement, etc.). Son principe de fonctionnement est celui-ci : lors du paiement, une page Magento prsente une interface avec les logos des cartes bancaires acceptes (figure A-2). Cette interface est issue de lextension. Le visiteur clique sur la carte souhaite et arrive alors sur le site web de la banque. Il y indique son numro de carte (figure A-3).

Figure A-2

Prsentation des cartes bancaires autorises

Figure A-3 Page de paiement par carte

En cas de russite ou dchec, le visiteur est redirig vers votre site Magento. Le site de la banque lui-mme a laiss un code invisible ou a appel une page (en fonction de la configuration choisie) permettant Magento de savoir si la transaction est un succs.

SPPLUS Extension (Caisse dpargne)

B http://www.meliweb.fr

Auteur : Sbastien Lepers (Meliweb) Licence : OSL (libre et gratuite) Langues : franais et anglais

302

Groupe Eyrolles, 2010

Figure A-4

Logo de lextension SPPLUS

Cette extension communautaire utilise SPPLUS, la solution de paiement en ligne de la Caisse dpargne et ncessite pour fonctionner linstallation et lactivation du kit PHP SPPLUS. Elle dispose dune documentation complte qui, ajoute celle du kit, permet de configurer aisment cette solution de paiement dans les moindres dtails (cartes bancaires acceptes, logos, etc.). Le rsultat de cette extension est similaire celui de lextension CMCIC p@iement.

ATTENTION Frais bancaires

Comme pour lextension CyberMUT, lextension SPPlus ncessite pour fonctionner un kit logiciel fourni par la banque qui, elle, pourra vous faire payer ses services, comme pour tout systme de paiement par carte bancaire.

Et pour les autres banques ?

La plupart des autres banques disposent dun systme similaire aux deux systmes que nous venons de prsenter (base SIPS ATOS). Ceux-ci pourraient donc tre facilement adapts Magento. bon entendeur...

Modes de livraison
J2T TNT Module (relais colis TNT)
Auteurs : j2t-design Licence : GNU GPL (libre et gratuite) Langues : franais
B http://www.j2t-design.com

Figure A-5

Logo de lextension J2T TNT Module

Cette extension communautaire libre et gratuite (avec appel donation) permet de proposer le mode de livraison dans des Relais colis TNT (selon le code postal). Les frais de port sont calculs en fonction du montant total du panier ou du poids total. La configuration est libre.

Groupe Eyrolles, 2010

303

A Quelques extensions utiles de Magento

Magento

Owebia Shipping 2
B http://www.owebia.com

Auteurs : Owebia Licence : OSL (libre et gratuite) Langues : franais et anglais

Figure A-6

Logo de lextension OwebiaShipping 2

Ce module gnraliste offre la livraison par tous types de transporteurs. Il est configur par dfaut avec les tarifs en cours de Colissimo, Chronopost et Export 3j (La Poste), pour la France. Mais la configuration est libre, permettant, en fonction du poids, dindiquer des tarifs dautres transporteurs. La version premire de cette extension (Owebia Shipping 1) tait un peu plus restreinte, des transporteurs supplmentaires ne pouvant pas tre ajouts. Nhsitez pas installer les deux afin de les comparer.

Thmes et design
Advanced Menu
B http://ecommerce.aheadworks.com

Auteurs : LostDocs7 (aheadWorks) Licence : propritaire Prix : 89 USD Langue : anglais (le rsultat sur votre site utilise les titres de votre boutique, seule la configuration est spcifiquement en anglais).

Figure A-7

Logo de lextension Advanced Menu

Voici un exemple dextension trs simple qui permet de modifier la prsentation dun site. Cest une extension commerciale, mais au prix faible,

304

Groupe Eyrolles, 2010

comme la plupart dentre elles. Les auteurs proposent une installation sur mesure avec un supplment (50 USD). Cette extension propose diverses formes de menus plusieurs niveaux pour linterface publique du site.

Figure A-8

Affichage dun menu droulant sur le site public

Clean EasyStart Theme

Auteurs : TemplatesMaster Licence propritaire Prix : 154 USD Langue : anglais
B http://templates-master.com

Figure A-9

Logo de lextension Clean EasyStart Theme

Cette extension commerciale propose un thme complet. De nombreux thmes sont ainsi disposition, gratuits ou payants.

CONSEIL Acheter une extension graphique ou raliser soi-mme son thme ?

chacun de dterminer sil a les comptences et le temps de raliser lui-mme des augmentations de type graphique ou concernant le comportement de linterface, ou bien si lachat de mini-fonctionnalits lui est prfrable ; de trs nombreuses extensions sont disposition, gratuites ou payantes, gnralement pour modifier le thme et le design de linterface publique du site (prsentation graphique, fonctionnement des menus, des boutons, etc.). Il semble raisonnable de choisir un thme parmi ceux disponibles, et ensuite de le modifier afin de ladapter votre boutique (couleurs, polices...). Ainsi, vous vous assurez une identit suffisamment forte, tout en limitant le travail de graphisme. Toutefois, il se peut que votre boutique prsente des exigences particulires, telles que : une audience forte et un volume important ; une marque ou une socit denvergure ; des besoins en design et en ergonomie spciaux. Alors, il vous faudra plutt partir dun thme minimal, et raliser les recherches graphiques, ergonomiques... ncessaires votre boutique, afin de fabriquer la prsentation au complet (ce qui est videmment beaucoup plus long).

Groupe Eyrolles, 2010

305

A Quelques extensions utiles de Magento

Magento

Internationalisation
Une soixantaine de langues et dialectes sont disponibles pour Magento, sous la forme dextensions. Sil peut sembler trange que celles-ci ne soit pas tlcharger dans la partie ddie du site officiel, comme son menu (Community>Translations) nous y invite., il semblerait que cette page spciale ne dispose pas du mme rythme de mise jour, et nombre de ces traductions ne sont ralises encore que partiellement et peut varier fortement selon les langues (le pourcentage du contenu traduit est indiqu pour chaque langue dans la liste). Pour le franais, celui-ci est annonc 100 %, mais cela concerne la version 1.3 et la base nest pas forcment jour. Pour le franais du Canada, ce statut nest qu 67,7 % lheure o nous publions ce livre.

Figure A-10

Menu pour le tlchargement des traductions, sur le site officiel

Figure A-11

tat de la traduction officielle

French (France) Language Pack

B http://www.meliweb.fr

Auteur : Sbastien Lepers (Meliweb) Licence : Academic Free License (AFL) (libre et gratuite) Langue : franais

Figure A-12

Logo du French (France) Language Pack

306

Groupe Eyrolles, 2010

Cette extension libre et gratuite est prsente dans le chapitre 3, section Magento en franais . Elle permet de traduire Magento en franais de France.

SAVOIR Et pour les autres pays

francophones ?
Pour les autres pays francophones, ce jour, seule une extension existe pour le qubcois : le French (Canada) Language Pack, ralise par pictogram, galement en licence AFL.

Autres extensions utiles

osCommerce fixed migration tool
Auteur : Anton Aleksandrov Licence : OSL (libre et gratuite)

B http://anton.world.lv

Figure A-13

Paramtre de lextension de migration depuis OsCommerce

Voici lexemplaire le plus populaire dune catgorie dextensions ddies la migration des donnes depuis dautres systmes de boutique en ligne. Ici, il sagit de la migration depuis le logiciel libre OsCommerce, de plus en plus remplac par Magento. Loutil va se connecter la base de donnes indique et y rcuprer toutes les informations utiles (produits, images, clients...). Alors que la base de donnes de OsCommerce ne sera pas modifie, celle de Magento sera augmente. Attention, il ne sagit que du processus de migration minimal, pas dune cohabitation avec synchronisation de deux systmes. Vous devez donc, si vous projetez cette migration, raliser les actions suivantes, dans cet ordre : 1 Crer le site Magento sur un hbergement sans nom de domaine et y installer lensemble des lments, dont cette extension. 2 Interrompre les achats sur la boutique OsCommerce et y laisser un message davertissement aux clients.
Groupe Eyrolles, 2010

307

A Quelques extensions utiles de Magento

Magento

3 Effectuer la migration des donnes grce cette extension. 4 Associer lancien nom de domaine la nouvelle boutique (configura-

tion chez le registrar sil sagit dune machine diffrente, sinon, simple modification dApache).

Blog
B http://ecommerce.aheadworks.com

Auteurs : aheadWorks Licence : GNU GPL (libre et gratuite) Langues : anglais, allemand, franais, tchque

Figure A-14

Logo de lextension Blog

Cette dernire extension montre la qualit de larchitecture interne de Magento, qui permet la cration dun ensemble fonctionnel lourd. Il sagit ici dun systme de blog, cest--dire des pages, comparables aux pages CMS, qui pourront tre commentes par les lecteurs. Elle est distribue sous forme libre et gratuite (avec appel donation). Elle va ajouter un menu complet, qui met disposition des pages dadministration, des articles du blog, leurs commentaires, et le tout en franais !

Figure A-15

Menu du blog dans la partie dadministration

De plus, on obtient par la configuration un lien vers le blog dans lentte des pages. Le rsultat est trs classique, mais utile pour fdrer vos clients autour dune communaut avec une forte implication.

308

Groupe Eyrolles, 2010

Figure A-16 Gestion gnrale des blogs

Figure A-17

Menu augment pour les blogs

Figure A-18 Affichage de la premire page des blogs

Groupe Eyrolles, 2010

309

A Quelques extensions utiles de Magento