Revue du Front Office Prestashop 1.6

Articles Prestashop 1.6

Prestashop 1.6 : nouveautés Back Office
Revue du front office Prestashop 1.6

Second épisode de notre revue complète de Prestashop 1.6 : les changements Front Office. Et ils sont nooooombreux ! Le rendu de l’ensemble est très différent, beaucoup plus abouti et professionnel que la version précédente.

Tout d’abord, exit le thème Prestashop 1.5, pourtant déjà remis au goût du jour entre 1.4 et 1.5, bienvenue à un nouveau thème beaucoup plus abouti. De plus, des modules Front Office ont été améliorés, ce qui rend l’ensemble plus harmonieux. Enfin, de nouveaux modules voient le jour apportant nativement des fonctionnalités indispensables que les marchands devaient précédemment acheter sur Addons.

Prestashop 1.6 est maintenant utilisable sans changement de thème pour une première approche du ecommerce, même si, bien entendu, un thème personnalisé sera incontournable pour des marchands matures.

Eléments globaux du nouveau thème

Thème complètement Responsive Design

Le nouveau thème est 100% Responsive Design, donc fonctionne correctement sur les smart phones et tablettes (si besoin, voir un petit rappel sur les différentes techniques d’adaptation pour les terminaux mobiles).

A noter que ce thème est même adaptatif sur les écrans d’ordinateur ! La zone principale fait ainsi au maximum 1366 pixels de large, mais si vous consultez le site avec un écran peu large, par exemple l’ancien standard 1024 pxiels, le site s’affiche parfaitement en utilisant la même technique d’adaptation que pour les terminaux mobiles.

Personnalisation du thème

Comme je le disais plus haut, ce nouveau thème est utilisable tel quel, sans que votre boutique ne soit ridicule ! Cela aidera sans aucun doute les marchands aux budgets très restreints, d’autant qu’ils pourront changer les couleurs en choisissant parmi 8 pré sélections !

Configuration du thème

A noter aussi le nouveau module qui permet de configurer, en un unique endroit, l’ensemble des éléments visuels du thème : les couleurs comme vu précédemment, mais aussi les affichages des différents blocs constituant la personnalité du thème. Prestashop n’a ici rien inventé, mais rassemblé les contrôles en un unique endroit, ce qui facilitera grandement la prise en main.

Nouveautés dans l’en tête des pages

Un nouveau module fait son apparition : bloc bannière qui permet d’afficher une image en haut de toutes les pages. Ce module sera particulièrement utile pour mettre en avant des opérations temporaires.

Coté menu horizontal, l’affichage a été revu en « mega drop down ». En revanche, fausse bonne nouvelle : dans la version testée, les bannières intégrées au menu sont hard codées. Ces bannières sont gérées par un module, dont la configuration se fait directement dans la catégorie. Cela me parait assez limité, donc le recours à un module additionnel pour créer un menu digne de ce nom reste nécessaire.

Nouveau pied de page

Le nouveau pied de page en mosaïque est composé de 6 modules permettant, comme le reste du thème, de présenter les infos incontournables du ecommerce : inscription à la newsletter, différents liens sociaux, catégories de niveau 1, informations sur la boutique (page CMS), zone mon compte et coordonnées de la boutique.

 

Nouvelle page d’accueil

La nouvelle page d’accueil est composée de 4 zones distinctes :

  • Carrousel et première zone d’encarts publicitaires,
  • Mise en avant produits,
  • Seconde zone d’encarts publicitaires,
  • Fans Facebook et informations libres.

Enfin une solution simple pour réaliser des encarts sur la page d’accueil !

A noter l’apparition d’un nouveau couple de hooks (emplacement utilisable par un module) permettant de constituer des onglets sur la page d’accueil. Les modules natifs Prestashop Nouveautés, Produits phares et Meilleures ventes ont été modifiés pour utiliser lesdits hooks.

La solution technique mise en place pour créer ces 4 zones est cependant restrictive et peu évolutive, donc un peu décevante (nous y reviendrons). Notre module de gestion avancé de la page d’accueil reste donc plus que jamais d’actualité.

Catalogue

La fonctionnalité d’aperçu rapide fait sont entrée sur les catégories de Prestashop. Surtout utilisée aux Etats Unis, cette fonctionnalité permet d’afficher le détail d’un produit tout en restant dans la catégorie, particulièrement pratique pour les internautes qui veulent parcourir la gamme rapidement.

De plus, le bloc catégories a été amélioré : il permet maintenant d’afficher toutes les catégories, ou uniquement les catégories filles de la catégories courante.

Cet ajout reprend une partie des fonctionnalités de notre module Bloc Menu Catégories Contextuel. Notre module reste d’actualité si vous souhaitez affichez deux menus, ou proposer une navigation différentiée d’une catégorie à l’autre.

Le reste des éléments a été re-designé ce qui améliore grandement l’ergonomie et l’efficacité de la boutique, mais pas de nouvelles fonctionnalités.

Panier, tunnel de commande et zone mon compte

Tout d’abord, l’ajout au panier fait maintenant l’objet d’une popin de confirmation d’ajout au panier, qui intègre des suggestions de ventes croisées si applicable (et désactivable). Petite déception, cette popin est trop haute pour la résolution de mon écran (un PC portable), j’espère que cela sera corrigé dans la version définitive.

Vous l’aurez compris, c’est donc la fin officielle de l’effet de déplacement des produits vers le panier. Aussi surprend qu’addictif, cet effet présent depuis la nuit des temps dans Prestashop était devenu une véritable marque de fabrique ! C’est un peu comme la disparition du DogCow de la fenêtre d’impression Apple pour ceux qui connaissent l’avant an 2000. On serait presque triste 🙂

Bref, le reste du tunnel de commande et la zone mon compte ont été, comme pour le catalogue, rafraîchi sans ajout de fonctionnalité.

A noter les biens utiles indicateurs de validité de saisie sur les différents champs du tunnel de commande.

 

Emails transactionnels

Souvent oubliés par les marchands eux-mêmes, les emails transactionnels ont aussi fait l’objet d’un rafraîchissement, et cette fois je crois même qu’il s’agit du premier rafraîchissement depuis la création de Prestashop !! Terminé le rose et les emails plus que succincts.

 

Vous l’aurez compris, cette nouvelle version apporte beaucoup de professionnalisme au Front Office. Même si les marchands plus expérimentés auront toujours besoin d’un thème spécifique, ce nouveau thème natif impose un nouveau standard de qualité.

A l’instant où je publie cet article, Prestashop 1.6 n’est pas encore officiellement lancé, mais doit l’être dans la journée. A vos téléchargements !

Prestashop 1.6 : revue complète !

Articles Prestashop 1.6

Prestashop 1.6 : nouveautés Back Office
Revue du front office Prestashop 1.6

Ceux qui suivent ce blog auront remarqué les deux mois de silence radio ! Beaucoup de travail, et bien entendu priorité aux clients !

Bref, comme pour la sortie de Prestashop 1.5, nous avons décidé de prendre le temps de faire une revue complète des nouveautés Prestashop 1.6, dont la sortie est annoncée pour le 17 Mars. Pour cela, nous avons utilisé la Release Candidate (1.6.0.4) ayant été postée le 6 Mars sur le site de Prestashop.

Ecran de login de Prestashop 1.6

Prestashop 1.6 : Généralités

Prestashop 1.6Tout d’abord, Prestashop l’avait clairement annoncé : le coeur de la solution n’a pas été revu. Il n’y a donc pas de nouvelle fonctionnalité structurelle, et peu de bugs à craindre ! Attention tout de même, chaque nouvelle version apporte son lot de surprises … donc n’utilisez la 1.6 dans le mois qui suit la sortie que si vous êtes prêts à essuyer quelques plâtres.

La raison d’être de Prestashop 1.6 est une ergonomie revue de fond en comble, ce qui nous amène un nouveau thème Front office, et un nouveau thème Back Office. Nous détaillerons les nouveautés Front Office lors d’un article ultérieur, les nouveautés Back Office sont présentées ci-dessous.

Enfin, cachées dans les recoins du code, nous avons tout de même trouvé quelques petites évolutions bien utiles ! Liste ci-dessous.

Prestashop 1.6 : nouvelle interface d’administration

Nouvelle interface de connexion

Tout d’abord, le nouveau Back Office est gratifié d’une nouvelle interface de connexion. Ce n’est pas anodin : la conservation de la session n’est plus automatique : si vous ne cochez pas la case et restez sans activité de manière prolongée, vous êtes déconnectés comme sur un site bancaire. Cela peut parait paranoïaque, mais doit rendre service dans le cas d’environnement sensible.

Une ergonomie revue

Menu d'administration Prestashop 1.6Ensuite, l’ergonomie a complètement été revue : le nouveau Back Office est beaucoup plus clair à utiliser, les espaces de travail sont plus grands, ce qui facilitera, j’en suis sûr, le travail des marchands.

Par exemple, le menu de navigation est maintenant vertical (on peut choisir en réalité), et même rétractable. L’en-tête est aussi plus petit. Globalement : place à l’espace de travail ! Seul petit bémol, le pied de page est parfois un peu gênant.

Nouveauté importante : l’espace laissé pour la configuration des modules est enfin débarrassé de la barre de menu dont personne ne se servait ! Les producteurs de module vont pouvoir améliorer sérieusement l’ergonomie de leurs modules.

A noter pour finir le sujet du thème Back Office que Prestashop est livré avec plusieurs thèmes proches, mais aux couleurs différentes, parfait pour éviter les erreurs lorsqu’on gère plusieurs boutiques.

Ajout de tableau de bord

Le Dashboard, ou tableau de bord en Français, est l’innovation majeure du Back Office de cette nouvelle version de Prestashop. La page d’accueil offre maintenant une vue synthétique sur l’activité de la boutique et aide même à développer l’activité ! A l’installation, cette page d’accueil est composée de 3 zones :

  • Aperçu de l’activité :
    • Sur le site en temps réel : visiteurs en ligne, paniers en cours,
    • A destination de l’équipe du marchant : commandes, échanges, nouveaux messages…
    • Intérêt des clients : suivi du nombre de clients et abonnées à la newsletter sur période glissante,
    • Remontée des stats principales de Google Analytics.
  • Tableau de bord : suivi des ventes, commandes, panier moyen, visites, taux de transformation et même profits nets !
  • Prévisionnel : établissement d’objectifs et suivi de l’avancement par rapport à ces objectifs : trafic, transformation, panier moyen et ventes.
  • Produits et ventes : suivi des commandes, meilleures ventes, produits les plus vus et meilleures recherches.

Prévisions avec Prestashop 1.6

Et la bonne nouvelle est que le contenu de ces zones est produit par un nouveau type de module : les modules tableau de bord ! Il sera donc possible d’ajouter à votre boutique d’autres outils d’analyse, et même de réaliser des modules spécifiques par type d’activité. Il y a fort à parier que les éditeurs de modules proposent rapidement des innovations.

Ajout de minis tableaux de bord

Des minis tableaux de bord sont aussi affichés dans certaines pages : Produits, catégories, commandes, clients, paniers, SAV, et modules avec une vision globale du domaine bien utile. En revanche, ces contenus ne sont pas produits par un module, mais par le coeur de Prestashop. Une amélioration pour la suite ?

Autres évolutions

– Il est maintenant (pour le moment ?) possible de masquer les astuces et publicités. Lorsque l’on passe ses journées / nuits sur le Back Office Prestashop, c’est un véritable soulagement !

– Les champs de saisie intègrent maintenant une indication (unité ou décompte de limite de caractères), quand c’est applicable. Génial, à déployer d’urgence sur tous les champs 🙂

Aide sur les champs de saisie

– Des boutons « Enregistrer » apparaissent à chaque fin de zone, mais attention : ces boutons concernent l’ensemble de page et non uniquement la zone concernée. Dommage, un enregistrement « local » aurait permis de régler le problème de la soumission d’un nombre trop important de champs pour les traductions, mais difficile à réaliser je suppose.

– Affichage du pays dans la liste des commandes : peut paraître anodin, mais va dans le sens d’une meilleure vision globale par le marchand.

Prestashop 1.6 : quelques nouvelles fonctionnalités

Revue de la navigation à facettes et des URLs des déclinaisons

Le module de navigation a facette a fait l’objet de sérieuses modifications. De plus, lorsqu’une règle de filtrage est rendu accessible pour les moteurs de recherche, il est maintenant possible de spécifier les paramètres d’URL et le contenu de la balise title.

Nous reviendrons en détail sur la navigation à facettes dans un article ultérieurement.

Forcer la mise à jour des URL simplifiées

Alors là, je suis plus que sceptique, même si cette fonctionnalité peut être utile lors de l’établissement du catalogue, elle représente une source d’erreur énorme. Si le marchand oublie de désactiver cette fonctionnalité une fois le site lancé, les URLs produit vont changer à chaque modification du nom du produit … et Google ne va pas du tout aimer (une vérification à ajouter d’urgence dans notre module de vérification de configuration pour la production !!).

Choix du code de redirection pour les URLs canoniques

Nouveauté dans la configuration des URLs, il est maintenant possible de choisir le code utilisé par Prestashop pour indiquer une redirection vers une URL canonique. Attention, cette fonctionnalité est de la même teneur que la précédente : ne jouez pas avec les URLs, sauf cas bien précis et cadrés !

Optimisation des performances : possibilité de désactiver les groupes de clients

J’ai peur que les marchands qui ont des problèmes de performance soient justement ceux qui utilisent les groupes pour gérer un nombre de clients importants, mais l’intention est bonne.

Gestion des stocks avancée pour les nouveaux produits

A nouveau une idée qui vient probablement de marchands, et qui rendra la bascule depuis la gestion des stocks simple vers la gestion des stocks avancée plus fluide.

Désactivation partielle des modules

Il est maintenant possible de désactiver des modules suivant le terminal connecté. Très pratique si vous souhaitez par exemple masquer un module Front Office pour le mobile, ou même utiliser un module différent pour le web et le mobile.

 

 

 

 

 

Cette nouvelle version est un très beau travail de la part de Prestashop : l’interface d’administration est maintenant digne de la solution, et les quelques évolutions réellement utiles. A bientôt pour le débrief sur le thème Front Office.

Déménagement, Barcamp 7 et conférence Le Web !

Mon dernier billet date déjà d’un mois ! Il faut dire que la fin de l’année est toujours une période intensive pour les marchands, et donc pour leurs serviteurs. Cette année, trois événements sont venus achever un planning déjà serré !

Notre déménagement

202 ecommerce est ravi de vous faire part de son déménagement de la rue Caumartin dans le 9ème vers la 11 rue de Milan, toujours dans le 9ème. Un déplacement d’un bout à l’autre de l’arrondissement pour profiter de bureaux plus grands et plus agréables (nous avons tout de même perdu la terrasse au passage…).

Une petite photo volée le jour de notre arrivée ; les bureaux sont encore à aménager.

 

Barcamp Prestashop 7

Un seul mot me vient à l’esprit : succès ! Bravo à l’équipe Prestashop qui avait organisé un très bel événement, aussi bien dans la qualité des conférences, que dans l’écosystème rassemblé. Il y avait des marchands, des freelances, des agences, et des sociétés de service spécialisées pour l’ecommerce, le tout dans une ambiance bon enfant. Devant l’effervescence, l’espace Tapis Rouge s’est même montré trop petit ! Il bruisse dans les couloirs de notre éditeur préféré que le prochain barcamp Prestashop à Paris aura lieu dans une autre salle.

Pour ceux qui souhaitent revivre la journée, les deux billets principaux du blog officiel de Prestashop vous donneront un bon aperçu : Résumé de la journée & Les replays des conférences du barcamp.

De notre coté, le Barcamp a été un franc succès : nous avions prévu une Master Class à 14h30, mais dès 10h, installés dans l’espace ateliers, des marchands ont commencé à nous demander des conseils, et ce n’est que vers 17h (fin du barcamp) que nous avons pu souffler ! Pendant la Master Class, nous avons même engorgé l’ensemble de l’espace atelier !

Pour rappel, la Master Class est une critique de site (constructive) réalisée en live avec mon ami Henri Kaufman et en présence du marchand, en 8 minutes. Nous avions reçu plus de 50 candidatures (inscrits sur le site du Barcamp), pour n’en retenir que 10. Malheureusement, certains marchands n’étaient pas présent, nous avons donc clôturé la session par des sites choisis parmi les présents.

 

Le Web Paris 2013

Cette année, j’ai eu la chance de participer à la mythique conférence Le Web, organisée par Loic et Géraldine Le Meur. Ce genre d’événement est toujours l’occasion de rencontrer les grands piliers du web, ainsi que tous ces anonymes qui travaillent dur en espérant un jour devenir … un pilier !

Tout d’abord, il faut bien comprendre que Web et ecommerce sont des domaines séparés, et il y avait peu de ecommerçants présents à Le Web, si ce n’est les box avec la présence de Katia Beauchamp, co-fondatrice de Birchbox. Cela dit, les mécanismes d’attraction et de viralité étant très similaires entre service web Freemium et achat en ligne, je pense qu’il y a grand intérêt à comprendre ce qui se fait du coté du web pour l’appliquer au ecommerce.

Pour revoir les conférences, rendez-vous sur youtube.com/user/leweb. Les 3 conférences que j’ai préférés étaient :

1 – Indispensable si vous êtes intéressés par les mécanismes d’attraction des sites web : Growth and Network Effects for Marketplaces and Networks par James Currier,

2 – Juste magique et fun : Magie et réalité augmentée par Marco Tempest,

3 – Pour faire le point sur l’impression 3D : Dutch artist is embracing 3D printing to explore forms, materials and functions par Stijn van der Linden

Il y a bien entendu beaucoup d’autres conférences de haut niveau, je vous invite à fouiller la chaîne leweb !

Performances et Prestashop : mesurer le temps de chargement de vos pages

Dossier performances Prestashop

1 – Mesure du temps de réponse
2 – Améliorer le chargement de la page HTML

Les performances d’un site web sont toujours un sujet délicat : mon site est-il réellement lent ? Jusqu’où puis-je améliorer les choses ? D’où viennent les lenteurs ?

La question est encore plus délicate avec un CMS ecommerce : les pages étant plus complexe à composer qu’un site institutionnel (plus de requêtes en base de données et de calculs à exécuter pour afficher une page), une simple faiblesse peut vite ralentir fortement votre site. De plus, les conséquences économiques sont fortes et immédiates : impact sur votre référencement naturel et, bien entendu, sur vos ventes.

Nous avons décidé d’une série d’articles pour aider les marchants sur ce sujet souvent obscure, où chacun y va de son commentaire / avis. Les indications données dans ce dossier n’engagent que nous, et sont les fruits de nos retours d’expérience.

Les deux points de mesure de la vitesse d’affichage de vos pages

Il existe deux points de mesure différents :

  • Le temps nécessaire pour générer et recevoir le HTML de la page consultée,
  • Le temps nécessaire pour générer et recevoir l’ensemble des éléments composant la page consultée.

Il faut savoir qu’un navigateur internet charge d’abord la page HTML, puis, au fur et à mesure de l’analyse du HTML, les éléments inscrits dans le HTML, comme (par ordre de priorité) les fichier javascript, CSS et enfin les images. Exemple de cinématique très simple :

A noter que Google Analytics est chargé de manière asynchrone, donc non bloquant pour l’affichage de la page.

Chez 202 ecommerce, nous avons l’habitude d’utiliser les deux points de mesure, car chacun donne des indications différentes :

  • Temps de chargement HTML : aux traitements informatiques purs (base de données, calcul => capacité du serveur),
  • Temps de chargement de page complet : vitesse d’affichage ressentie par les utilisateurs, lié à l’ensemble de votre application web.

Comment mesurer la vitesse d’affichage de vos pages

tools.pingdom.com

Le magnifique schéma ci-dessous est issu de l’outil tools.pingdom.com. Cet outil étant hébergé sur un serveur (qui dispose à priori d’un accès internet très haut débit), il permet une mesure indépendante de votre connexion internet. De plus, l’outil permet de déterminer les deux vitesses évoquées ci-dessus : Bien entendu, la mesure est valable au moment où vous la faites, influençable par le trafic sur le site. Nous ne traitons pour le moment que de mesure ponctuelle destiné à optimiser le temps de chargement des pages, et non de tests de montée en charge. Sachez que vous disposez d’un résultat très proche en utilisant le débugger de votre navigateur, mais que vous êtes là tributaire de votre connexion internet.

Google Analytics

Google Analytics vous donne le temps de chargement des pages complètes sur les navigateurs de vos clients, rendez-vous dans Comportement > Vitesse du site > Vue d’ensemble.

Cet indicateur est à vérifier régulièrement (alertes possibles) car il s’agit de la vitesses réellement ressentie par vos clients. A noter par exemple que si vos clients se connectent majoritairement depuis des téléphones en accès as débit, vous pourriez avoir un différence importante avec la mesure PingDom.

Google Webmaster Tools

Webmaster Tools vous donner le temps de chargement de la page HTML par le robot d’indexation Googlebot. Exploration > Statistiques sur l’exploration > dernier schéma.

 

Ce graphique provient du même site que le graphique ci-dessus avec Google Analytics. On remarque que le pic de temps de chargement du 21 Octobre n’est pas visible sur Webmaster Tools. Plusieurs raisons possibles : le serveur de média est tombé en panne, ce qui n’aurait pas impacté le chargement HTML, la panne a eu lieu après le passage du Googlebot, etc… L’analyse peut commencer !

Alors quels temps de chargement sont acceptables ?

Evidemment, le meilleur temps est celui qui se rapproche le plus de zéro !

Mais le coût des améliorations de temps de chargement est exponentiel : grappiller quelques centaines de millisecondes sur un site lent peut se faire par un simple changement de configuration, ou une ligne de code. Gagner une milliseconde sur un site déjà très rapide va prendre des proportions gigantesques : cluster de serveur MySQL, etc… De plus certains logiciels sont plus rapides nativement que d’autres (la rapidité se payant généralement par des solutions plus lourdes). Il s’agit donc de trouver un équilibre coût / complexité / rapidité.

Voici notre tableau pour vous aider à vous positionner, dont nous avons essayé de déterminer raisonnablement les valeurs pour Prestashop. Evidemment, la ligne n’est jamais nette, ces chiffres sont des indications.

🙂 😐 🙁
Chargement HTML < 0,6 sec 0,6 – 0,8 sec > 0,8 sec
Chargement page complète <1,5 – 3 sec 1,5 – 3 sec > 3 sec

Pour ceux qui n’auraient pas compris : 🙁 = vos clients sont mécontents et votre référencement peut en pâtir !

Et je fais quoi si mon site est lent ? Quid de la montée en charge ?

Cet article est le premier de la série, d’autres sont à venir avec les réponses à ces questions !

Participez à notre Master Class lors du barcamp 7 de Prestashop

Le barcamp 7 est l’événement que toute la communauté Prestashop attend avec impatience ! Il aura lieu le 19 Novembre 2013, toute la journée, à l’espace Tapis Rouge,  67 Rue du Faubourg Saint-Martin à Paris. Inscription obligatoire sur http://barcamp.prestashop.com.

202 ecommerce y sera présent bien entendu, avec cette année un stand et un atelier !

Le programme du barcamp

L’espace mis à disposition par Prestashop permet simultanément :

  • Une conférence plénière qui dure toute la journée, où différents intervenants se succèdent,
  • Des ateliers pratiques animés par Prestashop, ou des partenaires, pour aider les participants à améliorer leurs compétences,
  • Un espace Barcamp complètement libre.

Bien entendu Prestashop sera très présent, aussi bien dans les ateliers, que pour la conférence plénière. Nous devrions d’ailleurs avoir une présentation complète de Prestashop 1.6. A noter aussi cette année la participations de divers conférenciers de haut niveau, dont la pertinence ira vraisemblablement au delà de Prestashop.

Programme complet :  http://barcamp.prestashop.com

Master Class 202 ecommerce et Henri Kaufman

Devant le succès de la première édition réalisé à la pépinière 27, nous avons décidé de proposer notre atelier … et il a été retenu !

Le principe est simple : nous réalisons une critique constructive de plusieurs sites internet, sous l’oeil du marketing (Henri) et du geek (Matthieu). La critique est réalisée en séance, en échangeant avec le propriétaire du site, et en ne dépassant pas 10 minutes par site. Tous les participants peuvent ainsi tirer profit des conseils prodigués, même si leurs sites ne sont pas décortiqués.

Pour participer, c’est très simple (et gratuit pour les participants du barcamp !!) ; soumettez votre candidature via ce formulaire. Henri et Matthieu choisiront 7 sites parmi les candidatures soumises. Si vous souhaitez simplement assister à la Master Class, rejoignez-nous directement pendant le Barcamp de 14h15 à 16h30.

Des places gratuites à gagner !

Et oui, comme tous les exposants, nous proposons des places : les 3 premiers commentaires. Attention à répondre rapidement à mon email qui fera suite à votre commentaire. Sans réponse, je remets une place au 4ème, etc

Module de suggestion de produits par mail à J+x

La suggestion de produits lors du parcours d’achat est aujourd’hui incontournable : que ce soit dans la fiche produit, après l’ajout au panier ou dans le récapitulatif du panier, bon nombre de solutions s’offrent à vous pour un résultat probant.

Devant les bons résultats des suggestions au panier, nous avons souhaité proposer aux marchants un système similaire, mais cette fois à destination des clients ayant déjà commandé.

Un système d’emailing basé sur le contenu des commandes précédentes

Le principe est simple : le marchand compose des règles de suggestion basées sur les contenu des commandes réalisées par les clients. A commande + x jours, un mail est envoyé à vos clients contenant des suggestion personnalisées.

Exemple : envoi d’un email 14 jours après la commande pour proposer aux acheteurs d’iPhone de commander une housse d’iPhone.

Le moteur de règle est complet, ce qui permet de déclencher des suggestions sur des critères variés, qui peuvent être recoupés les uns avec les autres :

  • Nom d’un produit,
  • Attribut d’un produit,
  • Catégorie,
  • Fournisseur,
  • Fabricant.

Un unique email est envoyé à J+x jours de la commande, contenant un ou plusieurs suggestions, en fonction du résultat des divers règles que vous aurez configuré. Pour chaque suggestion produit, vous pouvez accompagner la suggestion d’une phrase justificative. Le client peut demander à ne plus recevoir de messages.

Dans cet exemple, Paul reçoit 2 suggestions, l’une liée à l’iPod, l’autre liée aux produits Apple.

 

Des statistiques par campagnes pour améliorer vos suggestions

Que ce soit pour composer un catalogue ou créer des offres marketing, le retour client est indispensable. Nous avons donc intégré un système de statistique détaillées vous permettant de connaitre les taux d’ouverture, de clic et d’achat de chacun de vos emails / campagnes. Vous pouvez ainsi faire évoluer les suggestions en fonction des produits qui génèrent le plus d’achat.

Augmentez simplement votre chiffre d’affaire avec les suggestions par mail

Quelque soit le domaine d’activité, il est plus simple de convaincre un client de recommander que de conquérir un nouveau client. Utilisez votre base de clients pour leur adresser des messages ciblés et ainsi augmenter votre chiffre d’affaire.

Suggestion de produits par mail sur Addons

Les paramètres indispensables pour une boutique en production … et le module pour vérifier automatiquement et régulièrement !

Si vous êtes familiers avec Prestashop et sa configuration, la liste ci-dessous ne va rien vous apprendre. En revanche, le module de vérification automatique peut vous aider à détecter automatiquement un dysfonctionnement sur votre site.

Les paramètres d’une boutique en production

Lorsque vous ouvrez votre boutique au public, il est nécessaire de configurer votre boutique pour des performances optimales, une sécurité maximale et le meilleur référencement possible. Ce n’est pas le cas lorsque vous mettez au point votre boutique, encore plus lorsque vous développez, car dans ce cas, il faut un accès le plus rapide au code, le debug, et une prise en compte immédiate de vous changements. Ainsi lorsque vous lancez votre boutique, il est généralement nécessaire de reconfigurer votre boutique.

Voici une liste des incontournables :

Paramètres de performance

– Optimisez le HTML pour que vos pages soient le moins lourdes possible. Pour cela, Prestashop intègre les fonctionnalités CCC (Concaténation, Compression et mise en Cache), à activer bien entendu.

– Utilisez le cache applicatif. Prestashop intègre deux caches : template et smarty, à activer aussi.

– Cacher serveur & navigateur. Prestashop vous permet d’indiquer à Apache les extensions des fichiers statiques pour qu’ils soient mis en cache par le navigateur, et / ou le serveur. Le paramètre s’appelle Optimisation Apache, à activer.

Vous trouverez ces paramètres dans Paramètres avancés  > Performances.

Paramètres référencement naturel

Les URLs simplifiées doivent bien entendu être activées. De plus, il est nécessaire de mettre en place le renvoi automatique vers l’URL canonique, afin d’éviter tout duplicate content.

Ces deux paramètres sont dans Préférences > SEO & URLs

Paramètres de sécurité

Le débugger Smarty est bien utile aux développeurs de thèmes, mais il peut l’être aussi pour un pirate, à ne donc pas laisser en production. Paramètres avancés  > Performances.

Même chose pour les erreurs PHP. Pour cela, il est nécessaire que PS_MODE_DEV soit désactivé (valeur par défaut dans le fichier config/defines.inc.php) et que le Display_errors du PHP soit désactivé aussi (configuration Apache).

Le module de vérification automatique

Le principe de ce module est simple : vérifier automatiquement ces paramètres à intervalle régulier. Si l’un d’eux est incorrect, vous êtes alertés par mail. Il est tellement facile de faire une modification sur une boutique et d’oublier de remettre le cache… Pourquoi prendre un risque ? En plus, nous distribuons ce module gratuitement !

 

Téléchargez le module sur directement la page de présentation

202 ecommerce agence Prestashop certifiée platinum

202 ecommerce est très fier de vous faire part de sa certification Platinum Prestashop !

Un nouveau mode de classement des agences certifiées

Au printemps, Prestashop a décidé de changer sa manière de classer les agences certifiées. Anciennement basé sur le montant payé annuellement par les agences, le classement est maintenant définit « au mérite ». Chaque participation à l’amélioration de l’écosystème Prestashop déclenche l’attribution de points, qui donne ainsi une note aux agences. Sont pris en compte, avec des ratios différents : rapport de bug, améliorations du coeur, achats et ventes de modules, ancienneté de certification et formation des équipes. Les niveaux de certification (platinum, or, argent & bronze) sont ensuite attribués aux agences en fonction de leur classement.

Ainsi, le passage de Freelance certifié (certification initiale de 202 ecommerce en 2011 conservée jusqu’en début de semaine) à agence platinum est une superbe récompense pour le travail de toute l’équipe de 202 ecommerce, et je remercie chaleureusement toute l’équipe !

Un classement qui évolue dans le temps

Cette certification sera remise à jour tous les 3 mois, à nous de travailler pour conserver ce niveau d’engagement.

Evidemment, toute méthode de classement a ses travers, et cette nouvelle méthode privilégie certains domaines d’action et pas d’autres. Les références ne sont pas valorisées, ni les capacités de gestion de projet indispensables à des projets plus ambitieux, etc… De plus, la revue régulière risque de faire valser bon nombre d’agence d’une certification à l’autre, situation difficile à expliquer à nos clients / prospects.

Il sera nécessaire de voir et adapter à l’usage. D’ailleurs, Prestashop semble déjà vouloir adapter la règle pour le prochain cycle de remise à jour. Coté 202 ecommerce, nous pensons que le plus important est que les marchants trouvent l’agence qui leurs conviennent, nous serons donc particulièrement sensible à ce point.

Ce nouveau mode de classement sera, à ne pas en douter, sur toutes les lèvres lors du prochain Barcamp Prestashop, où nous serons présents (en force) bien entendu !

Salon du ecommerce et Prestashop 1.6

Cette fois Prestashop a bien réussit son coup : la communauté venait pour une « simple »  bonne nouvelle, et a eu droit à un  grand lancement !

Des travaux discrets pour une annonce au delà des attentes

La version 1.6 avait été annoncée au printemps. Son programme était clair et paraissait peu ambitieux : pas de refonte du coeur, juste un meilleur thème.

Ensuite, à part une petite fuite il y a quelques semaines, Prestashop avait été plutôt discret sur ses travaux. Avec la sortie de Prestashop 1.5.5 fin Août qui corrige de très nombreux bugs, la nouvelle version s’était faite oublier.

Hier, pendant le salon ecommerce de Paris, Prestashop avait prévu plusieurs conférence, dont la discrète « PrestaShop renforce sa position de leader des solutions e-commerce ». La foule ne s’était pas trompée : la salle était comble et bon nombre de personnes ont suivi la conférence assis par terre.

Bruno Lévêque (co-fondateur) et Benjamin Teszner (CEO) ont ensuite déroulé leur présentation initulée « 2013 : l’année du Come-Back » ! Après une première partie sur la croissance de Prestashop, Bruno a présenté la nouvelle version, qui parait déjà bien avancée.

Une refonte graphique qui s’annonce bien plus complète qu’un simple relooking

– Back Office et Front Office sont maintenant tous deux reponsive design.

– Le nouveau thème Front Office est maintenant personnalisable : couleur et police. La page d’accueil dispose d’un menu riche avancé ainsi qu’un slider complet. Les catégories seront affichable en 2 vues : liste (actuellement) ou grille, intégreront la fonctionnalité très américaine du Quickview sur les produits, et enfin permettront l’affichage des déclinaisons possibles. L’ajout au panier a aussi été revu : terminé (enfin) le produit qui traverse l’écran pour aller au panier : une popin de confirmation d’ajout au panier sera maintenant intégrée au thème, avec Cross Selling.

– Le Back Office apporte aussi de nombreuses nouveautés : amélioration des performances et  indicateurs clés de la boutique permettront aux marchants d’être plus efficaces.

 

La présentation :

[iframe src= »http://www.slideshare.net/slideshow/embed_code/26579001″ width= »427″ height= »356″]

 

 

La vidéo Prestashop 1.6 :

[iframe src= »http://player.vimeo.com/video/75405291″ width= »550″ height= »309″]

 

Nous ne manquerons pas de tester dès que les éléments seront disponibles dans GIT. Une version Alpha est prévue d’ici la fin de l’année, probablement courant Novembre.

MasterClass à la pépinière 27 !

Vendredi dernier (le 13/9/13), Henri Kaufman et moi même avons animé une Master Class à la pépinière 27.

Le principe d’une Master Class est de faire une critique constructive de plusieurs sites internet, sous l’oeil du marketing (Henri) et du geek (moi). La critique est faite en live, en échangeant avec le propriétaire du site, et en ne dépassant pas 10 minutes par site.

Les sites revus, par ordre de participation :

Cette Master Class a été l’occasion de mettre en pratique les points déjà évoqués dans les 2 billets parus sur ce blog : 10 points pour améliorer son site de e-commerce – Partie 1 et 10 points pour améliorer son site de e-commerce – Partie 2.

Merci à tous les participants ; la session a été l’occasion d’échanges très intéressants. Merci aussi aux organisateurs et à la pépinière 27 pour son accueil !