Etre localisable

Les habitudes changent, et bien souvent, lorsqu’on cherche les coordonnées d’une société, ou les magasins d’une marque, le réflexe est de consulter directement le site web de la marque en question.

Le client potentiel cherchera instinctivement dans les liens de bas de site, dans les liens de haut de site, ou dans le plan du site pour trouver le lien providentiel du type « Contactez-nous », « Où nous trouver » ou « Nos magasins ». Ce petit lien est le sésame de la localisation du magasin le plus proche, heureux futur récupérateur du pouvoir d’achat (certes en baisse, mais pouvoir d’achat quand même !) du petit citoyen français désireux de contribuer à la croissance (qui a dit récession ?!) de la France et de ses entreprises.

Bref, le client cherche un magasin où dépenser son argent, et il le doit le trouver vite et bien.

Deux modules Bysoft à la loupe

Nous décrirons ici deux exemples de page « Où nous trouver » développées pour deux de nos clients.

Approche locale

Le premier module (développé pour Magento), est visible sur http://www.bergeredefrance.fr/index.php/nos-magasins/ et permet plusieurs visualisations :

-          Sélection directe d’un magasin dans les résultats de recherche (561 magasins à cet instant)

-          Sélection d’un département via la carte de France, ce qui a pour effet de filtrer les magasins affichés dans la liste de résultats, en n’affichant que les magasins du département choisi

-          Sélection d’un département via la liste déroulante

-          Suite à la sélection d’un département, possibilité de filtrer encore en choisissant une ville du département dans la seconde liste déroulante.

A noter que les résultats sont pré-chargés au chargement initial de la page, ce qui est donc un peu plus long au premier chargement, mais ensuite le filtrage des résultats est immédiat.

Lorsque l’internaute a trouvé le magasin qu’il cherchait, il peut cliquer sur le nom du magasin afin d’en visualiser les détails :

Sont affichés :

-          Une cartographie GoogleMap de localisation du magasin

-          Une photo du magasin

-          Un logo (soit de Bergère de France, soit du revendeur)

-          L’adresse du magasin

-          Les coordonnées téléphoniques

-          Les horaires d’ouverture

En BackOffice, le module permet de définir un type de carte par website (ou même par store-view). Il est donc possible d’avoir des cartes distinctes par website.

L’administrateur du site peut ensuite gérer l’ensemble de ses magasins grâce à une interface BackOffice :

Les champs descriptifs peuvent être surchargés en fonction de la vue magasin (pour le multilinguisme par exemple), et la mise en forme peut être faite, si besoin, directement en html.

Approche internationale

Le second module que nous vous présentons est plus orienté international, puisque la première étape est la sélection du pays dans une liste déroulante.

Une fois la sélection faite, un nouveau menu déroulant apparait, permettant la sélection d’un département (ou état, suivant le pays). Seul le champ « Pays » est obligatoire, donc le client pourrait directement cliquer sur le bouton « Rechercher » pour afficher l’ensemble des résultats.

Si le client sélectionne un département, une nouvelle liste permet encore de filtrer les résultats en choisissant une ville.

Un clic sur le bouton « Rechercher » affiche alors les résultats de la recherche :

Les informations suivantes sont affichées dans cette liste :

-          Nom du magasin

-          Coordonnées

-          Logo/Photo

Un lien « voir les détails » permet de visualiser les informations complémentaires (horaires d’ouverture, Site web…) ainsi qu’une carte de localisation GoogleMap :

En BackOffice, l’interface est comparable à celle du module précédent :

Autres exemples

Voici d’autres exemples de modules de localisation développés pour nos clients, en fonction de leurs problématiques métier :

http://www.bourrelier-education.fr/index.php/contact/index/delegues/

http://www.dekra-industrial.fr/La-societe/Choisissez-votre-Contact-DEKRA-sur-la-carte

http://www.agglo2rivesdeseine.fr/index.php/fre/Rayonnement-economique/Les-zones-d-activite-de-la-CA2RS

http://www.cultureindoor.com/

http://www.pacificpeche.com/27_magasins/

Dans notre article du 26 octobre, nous vous présentions les grandes lignes du projet x-commerce mis en place par Ebay, et notamment son intégration de la plateforme e-commerce open source Magento.

Depuis, la liste des fonctionnalités mises en place dans le cadre de ce projet se sont quelque peu précisées et l’étendue de l’écosystème X-commerce commence à se dévoiler.

Une grande part du projet est consacrée à la mise en place d’API afin de faire émerger une véritable communauté de développeurs.

Ces API concerneront des domaines aussi divers que le système de paiement, la recherche, les stocks ou les outils de prospection marketing.

Concernant le paiement,  deux API sont mises à disposition des développeurs pour l’authentification et la facturation et s’appuieront sur le système Paypal. Ce n’est pas une nouveauté, mais ça va permettre de systématiser encore davantage ce mode de paiement pour les pros.

X-Commerce va resserrer les liens entre l’e-commerce et le commerce réel et local avec deux API : La disponibilité en stock locale grâce l’API Milo Open et la recherche locale de produits ou de boutiques grâce l’API Where.com. Ebay semble miser gros sur le shopping local, mais également sur le mobile…

En effet, le point faible des applications mobiles e-commerce actuelles est le nombre limité de moyens de paiement.

Mobile Express Checkout va permettre de simplifier le paiement via un telephone portable ou une tablette. Compatible avec Windows Phone, Ipad, Iphone, Blackberry et Android, Paypal Mobile Express a l’ambition de devenir le moyen de payement incontournable de l’acheteur nomade, le tout de manière toujours aussi sécurisée.  Le paiement mobile est actuellement l’un des points faible de Magento en version Mobile. Les problèmes de compatibilité pour chaque plateforme sont encore nombreux.  Grâce à l’API mise à disposition des développeurs, l’internaute n’aura plus besoin de sortir de l’application pour effectuer son paiement. La fluidité de la transaction s’en voit donc renforcée.

Au niveau des outils marketing,  X-commerce propose des fonctionnalités de recommandation de produits, de Ciblage des meilleurs acheteurs (via le Paypal Identity Cookie), un outil de segmentation de la clientèle (Segmentation Service API, toujours via Paypal)…

Grande Nouveauté : Open Ebay Apps Permet de lier son application e-commerce (de préférence Magento, mais pas seulement) directement à Ebay. Il n’est pas encore précisé si il y aura partage des identifiants entre la plateforme et les applications tierces ou pas.

D’autres API sont proposées dans le cadre de l’écosystème :

Magento Go : L’application mobile de Magento est mise en avant par Ebay, pour les petits e-commerçants, qui ont longtemps été l’un des cœurs de cible de la célèbre place de marchés.

Best Match : permet d’optimiser la recherche sur les applications e-commerce, à l’image de ce qui existe sur Ebay.

Client Alerts : Permet d’informer les utilisateurs de la plateforme Ebay d’un évènement Marketing ou Commercial.

Fabric : C’est l’outil de communication entre les différents plugins. Les extensions ne communiqueront plus entre elles directement, mais via le centre d’interactions Fabric.

Feedback :  A l’instar de ce qui existe sur Ebay, ce système permet de gérer les notations détaillées attribuées aux vendeurs. Cela est censé permettre aux vendeurs de repérer et agir sur leurs faiblesses (livraison, communication, rapidité, prix…).

Resolution Case : C’est un outil qui n’existait que sur Ebay, et qui est maintenant mis à disposition des applications e-commerce tierces.

Shopping API : C’est l’application permettant d’intégrer Ebay dans une application tierce. Elle permet d’afficher les données publiques d’Ebay, telles que les produits ou les informations sur un marchand.

Trading API : C’est  l’application permettant de récupérer les données privées d’Ebay, telles que les ventes, les  informations après-vente, les informations utilisateurs…

Bref, X-Commerce est en réalité une extension des fonctionnalités de Paypal et d’Ebay mises à disposition de Magento et d’autres applications tierces.

Il est assez  vraisemblable que Magento Go intègrera rapidement la plupart de ces fonctionnalités par défaut.

Il existe 3 types de services mobiles :

-    ”Mobile application” : Application Iphone, Android ou Blackberry
-    ”Mobile compatible site” :
-    ”Mobile website” : site web spécifique

Site compatible avec la téléphonie

1. Compatibilité du code source

Tous nos sites web sont validés W3C, ce qui signifie qu’ils peuvent être affichés sur l’écran d’un téléphone.
Cependant, W3C a aussi un validateur de téléphonie avec plus de règles : http://www.w3.org/Mobile/

Voici les directives que nous pouvons appliquer sur nos sites web pour la compatibilité avec la téléphonie :
- doit être défini sur W3C.
- ne pas utiliser les tableaux dans la mise en page, utiliser les CSS
- utilisation de code XML ou XHTML et d’encodage des caractères UTF-8
- la taille maximale d’une page web pour la téléphonie est de 20 kilobytes

2. Compatibilité du design

Nous pouvons voir comment un site web serait affiché sur un téléphone en utilisant des simulateurs.
Simulateur Google : http://www.google.com/gwt/n (indépendant de la taille de l’écran)
Écran Iphone : http://iphonetester.com/
Écrans Nokia N70 et Sony K750 :
http://emulator.mtld.mobi/emulator.php?webaddress=mobile.lemonde.fr&emulator=nokiaN70&Submit=Submit .

Site web de téléphonie

Un site web de téléphonie est une version légère d’un site web adapté à la téléphonie (petit écran).
Cette version légère consiste en quelques écrans.  Nous devons définir ce que Bysoft proposera dans la version légère des ses produits (Magento, Ez-publish, Drupal).

1. Magento

Il existe un thème pour démarrer avec la téléphonie :
http://www.magentocommerce.com/magento-connect/Magento+Core/extension/303/iphone-theme mais il n’est pas encore à jour sur la dernière version (CE 1.3 max et non-compatible EE)

Si nous développons une version légère, toutes les pages doivent être revues, en conservant le minimum d’informations :
o    Page d’accueil légère
o    Liste de produits (mode liste)
o    Panier
o    Mon compte
o    Recherche
o    Contact
o    Plan du site
o    Procédure de paiement
o    Pages CMS
o    …

Source : http://www.joomlart.com/blog/magento-templates/magento-themes-iphone-support

Coût
•    Du temps est nécessaire pour adapter le thème de téléphonie à la nouvelle version 1.4.
•    Pour la version légère, qui se résume à quelques écrans pour montrer le catalogue et la procédure de paiement. Intégration et développement doivent être définis
•    Si nous devons intégrer un design fait maison, le temps requis pour ce thème sera le même que pour un design fait maison habituel

2. Ez publish

Le moteur de contenu multicanaux (http://ez.no/eZPublish/Core-features/Multichannel-Content-Engine) permet de définir le contenu selon le canal utilisé via une simple interface utilisateur web.

La version légère dépend du nombre de type de contenu, habituellement, un écran pour la liste et un écran pour l’article.
Au minimum :
o    Page d’accueil légère
o    Liste d’actualités
o    Détail des actualités
o    Liste d’événements
o    Détail des événements

Coût
•    Pour la version légère :
o    Intégration : de 0.5 à 1 jour
o    Développement : de 2 à 4 jours
•    Pour un thème fait maison : la moitié du temps d’un thème web original

3. Drupal

Un module  permet de changer le thème si le canal est la téléphonie : http://drupal.org/project/mobile_theme

Il existe des thèmes pour la téléphonie :
o     Un thème “Iphone-like” : http://drupal.org/project/iui ou http://drupal.org/project/iwebkit
o    Un thème de téléphonie vierge : http://drupal.org/project/mobile
o    Un thème Nokia : http://drupal.org/project/nokia_mobile

La version légère dépend du nombre de type de contenu, habituellement, un écran pour la liste et un écran pour l’article.
Au minimum :
o    Page d’accueil légère
o    Liste d’actualités
o    Détail des actualités
o    Liste d’événements
o    Détail des événements

Coût
•    Si nous utilisons un thème de téléphonie existant (“Iphone-like”), il suffit juste d’adapter l’écran selon la configuration de Drupal
•    Si nous devons créer un thème de téléphonie fait maison, il demandera autant de temps qu’un thème habituel Drupal, en partant d’un thème de téléphonie vierge
•    Si nous devons adapter un design fait maison, il nécessitera la moitié du temps d’un thème web original (parties développement et intégration faites)
•    Pour la version légère :
o    Intégration : de 0.5 à 1 jour
o    Développent : de 2 à 4 jours

4. Test

Nous pouvons tester le site web de téléphonie sur un écran de téléphone en utilisant des émulateurs.
Iphone : http://iphonetester.com/
Nokia N70 et Sony K750 : http://emulator.mtld.mobi/emulator.php?webaddress=mobile.lemonde.fr&emulator=nokiaN70&Submit=Submit

Applications de téléphonie existantes pour plateformes

1. Magento

Il est possible de créer une solution de téléphonie sur iphone en définissant le logo et les couleurs.
Puis, l’application est automatiquement crée dans la boutique Apple
http://www.magentocommerce.com/media/videos/magento-mobile

“Quick and easy setup. Magento Mobile installs directly into your existing Magento Admin panel and seamlessly integrates with your existing catalog, CMS, and store configurations.”

Compatibilité
-    Community Edition 1.3 et plus (perso je ne conseillerai qu’à partir de 1.4)
-    Enterprise Edition 1.6 et plus (perso je ne conseillerai qu’à partir de 1.9)
-    Professional Edition 1.8 et plus

Coût
-    L’extension Magento est gratuite
-    La licence iphone (Application key)
o    Offre mensuelle $799 pour la mise en place + $69 par mois
o    Offre annuelle $799 pour la mise en place + $699 pour l’année
-    Pas de développent, pas d’intégration, juste quelques configurations

2. Drupal

Application Iphone :

DRUPAL fournit une interface simple aux développeurs pour contrôler les sites Drupal depuis leurs iPhones
http://crenk.com/drupad-control-your-drupal-powered-site-via-this-iphone-application/

Coût
Prix fixe $4.99

Depuis son rachat par Ebay cette année, la plateforme e-commerce Magento s’intègre tous les jours visiblement un peu plus dans le projet X-Commerce, futur écosystème de solutions applicatives et de services aux e-commerçants. Mais une question se pose désormais : En intégrant le géant Ebay, la plateforme Magento risque-t-elle de perdre son attrait et son identité, ou peut-elle au contraire tirer son épingle du jeu en profitant de la force de frappe d’un grand groupe international pour passer à la vitesse supérieure ?

Tout d’abord, qu’est-ce que le X-Commerce ? Plus que l’établissement d’une simple marque, le projet de hub e-commerce porté par Ebay sera composé de services et de plateformes, au service des marchands du web, et qui seront nécessairement interconnectés et intégrés entre eux.

Quelle sera la place de Magento dans le hub x-commerce ? Souvenons-nous qu’à son origine, Ebay s’adressait essentiellement à un public de particuliers grâce à ses célèbres ventes aux enchères d’objets d’occasion. De plus en plus de professionnels en ont fait progressivement un canal de vente complémentaire à leur activité principale, online ou offline. Avec Magento dans son escarcelle, Ebay souhaite que ces professionnels utilisent son environnement pour leur activité de vente principale, en leur proposant une plateforme reconnue, complète et surtout très adaptable. Magento devra être l’outil principal d’Ebay destiné aux pros. X-Commerce sera l’écosystème d’interaction entre les différents services du groupe. Il y a d’ailleurs de bonnes chances que les professionnels vendant actuellement directement sur la plateforme ebay, soient invités à migrer vers une version online gratuite de Magento, qui existe d’ailleurs déjà actuellement, mais payante : Magento Go. A l’inverse, les utilisateurs de Magento pourront certainement afficher leurs produits beaucoup plus facilement sur Ebay. Si l’on en croit la notoriété de la marque Paypal aujourd’hui, qui appartient elle aussi à Ebay, il y a peu de chances que Magento soit complètement dilué dans l’identité X-Commerce.

X-commerce devrait donner des moyens supplémentaires à Magento, et augmenter le rythme de ses mises à jour. Une des fonctionnalités importantes qui pourrait voir le jour à moyen terme grâce à l’environnement x-commerce, c’est le fameux bouton « mise à jour en un clic » qui fait actuellement cruellement défaut.

Quelle est la stratégie derrière X Commerce ? Si le rachat de Skype par Ebay avait du mal à se justifier, celui de Magento au contraire dénote une vraie stratégie de convergence à la fois dans les outils et les services autour de la vente en ligne. Une des prochaines pistes de croissance externe du groupe pourrait très bien être l’intégration complète d’un outil reconnu de webanalytics, ce qui viendrait compléter l’écosystème e-commerce qui est en train d’être mis en place (Actuellement, Omniture (propriété d’Adobe) est le partenaire officiel webanalytics de l’écosystème X Commerce). Mais en attendant, le plus gros chantier de l’x-commerce va être d’harmoniser un minimum la technique de ses différents outils (Paypal, Ebay, Magento, Intershop…) pour que le x-commerce ne reste pas qu’une convergence marketing.

Enfin, l’éternel choix de plateforme, entre Magento ou Prestashop, qui se basait jusque-là quasi exclusivement sur l’aspect fonctionnel et technique, risque fort de glisser doucement mais sûrement vers un choix d’environnement (Libre ou Ebay). Mais Prestashop et Oxid resteront-ils libres encore longtemps ?

Le bouton “Facture” Apparait, la facture peut être créée.

Génération d’une facture sous magento

Sur d’anciennes versions de Magento, lorsqu’une commande s’est mal déroulée, il est parfois impossible de créer une facture pour cette commande (bouton invisible en BackOffice), voici la solution :

Note : Exemple sur une version Communautaire 1.2.1 (le nom de la table peut changer sur des versions supérieures)

1) Se connecter à la base de données du site (via PhpMyAdmin par exemple)

2) Rechercher la table “Sales_order_varchar”

3) Editer dans votre back-office, la commande en question :

Son id est le 9965

4) Retourner sur l’interface Phpmyadmin et cliquez sur l’onglet “Rechercher” puis taper le n° d’Id.

5) Cliquez pour éditer la 2ème ligne des statuts, ici en “Cancelled ”

6) Modifier le statut “Cancelled” en statut “Processing”

7) Cliquez sur le bouton “Exécuter”

8 ) Le bouton “Facture” Apparait, la facture peut être créée: