Il existe une méthode très simple pour remédier à ce problème : indiquer à vos clients quelle somme ils doivent ajouter pour profiter de la livraison gratuite.

En plus de faire baisser le nombre de paniers abandonnés, l’affichage du montant restant pour une expédition gratuite a aussi pour effet de faire augmenter le panier moyen de votre boutique. Les clients sont incités à ajouter plus de produits à leur commande pour pouvoir obtenir une réduction sur les frais de port.

Nous allons voir ensemble comment mettre en place cette fonctionnalité sur votre site marchand Prestashop.

Utiliser un module pour afficher le montant avant les frais de port offerts

La méthode la plus simple pour afficher combien le client doit ajouter à son panier pour obtenir la livraison offerte est d’installer le module Montant avant la livraison gratuite.

Conçu pour Prestashop 1.7, il s’intègre parfaitement à toutes les boutiques en quelques clics et propose une large variété d’options :

• Il permet de faire apparaître les blocs contenant des messages du type « Encore xx€ avant la livraison gratuite » à différents endroits de la boutique (au sommet de chaque page, dans le tunnel de commande, dans la pop-up de confirmation d’ajout de produit…)
• Pour chacun de ces blocs vous pouvez personnaliser l’apparence (couleurs de fond et de texte,…) et le texte du message
• Les blocs sont mis à jour en temps réel, dès que le contenu du panier est modifié
• Il fonctionne aussi bien avec le champ « Livraison offerte à partir de » (si vous offrez la livraison pour le même montant de commande, quelque soit le transporteur) qu’avec le système des tranches de prix qui vous permettent de configurer un seuil de gratuité des frais de port pour chacun des modes de livraison

Ce module est en vente sur notre boutique. N’hésitez pas à cliquer sur le bloc ci-dessous pour accéder à sa présentation détaillée. Vous y trouverez de nombreuses informations et un lien vers une démo qui vous permettra de tester les différentes fonctionnalités intégrées.

Indiquer dans le panier le montant à ajouter pour les frais de port gratuits

Si vous ne souhaitez pas passer par un module, vous pouvez aussi implémenter la fonctionnalité en modifiant le code source de votre site. Nous allons donc voir dans cette 2nde partie comment ajouter manuellement, sur la page de récapitulatif de panier, un bloc indiquant au client la somme qu’il doit ajouter pour obtenir la livraison offerte. .

Pour cela il faut modifier le contrôleur qui se charge de gérer la page en question et le template associé.

Plusieurs remarques avant de commencer :

• le tutoriel ci-dessous explique comment réaliser cette opération pour Prestashop 1.7. Pour les versions précédentes, le template est différent car la structure des fichiers a évolué dans cette version. En fonction de votre thème il est possible que le nom ou le chemin du template diffère.
• la méthode décrite ci-dessous n’est valable que si vous utilisez le champ « Livraison gratuite à partir de » du menu « Livraison > Préférences » (autrement dit si vous offrez la livraison à partir d’une certaine somme, quelque soit le transporteur sélectionné par le client) ; si vous utilisez les tranches de prix, veuillez vous référer à la 1ère partie de cet article, traitant du module « Montant avant la livraison gratuite »

Si vous ne l’avez pas encore fait, accédez au menu « Livraison > Préférences » de votre back-office. Vous y trouverez un champ intitulé « Livraison gratuite à partir de » (€). C’est ici que vous allez indiquer le seuil à partir duquel vous offrez les frais de port au client (la valeur est en TTC). Pour ce tutoriel nous allons régler cette valeur sur 79€.

Pour transmettre ce montant à la page nous allons avoir besoin de créer une surcharge (ou « override ») du contrôleur. Pour ce faire il faut créer un fichier appelé CartController.php dans le répertoire override/controllers/front de Prestashop. Ce fichier doit contenir le code suivant :

<?php

class CartController extends CartControllerCore
{
    public function initContent()
    {
        parent::initContent();
        $shipping_free_price = (float)Configuration::get('PS_SHIPPING_FREE_PRICE');
        $this->context->smarty->assign([
            'shipping_free_price' => $shipping_free_price
        ]);
    }
}

Le code ajouté ici a pour but de transmettre une variable Smarty qui correspond à la valeur définie dans les préférences.

Ensuite nous allons pouvoir exploiter cette valeur dans le template. Nous choisissons le template cart-detailed-totals.tpl (dans le répertoire \templates\checkout\_partials de votre thème), qui correspond au bloc récapitulant tous les sous-totaux dans la colonne de droite de la page de récapitulatif de panier. Il a l’avantage d’être dynamique, c’est-à-dire que son contenu est rafraîchi à chaque modification du panier (ajout ou suppressions de produit, etc).

Nous ajoutons le bloc indiquant le montant restant avant la livraison gratuite à la suite du sous-total « Livraison » de la manière suivante :

          {if $subtotal.type === 'shipping'}
              <div><small class="value">{hook h='displayCheckoutSubtotalDetails' subtotal=$subtotal}</small></div>
              {* Bloc contenant le montant restant avant la livraison gratuite *}
              {if isset($shipping_free_price)}
              <div {if $shipping_free_price <= $cart.subtotals.products.amount}style="display:none"{/if}>
                {assign var="missing_amount" value=$shipping_free_price-($cart.subtotals.products.amount - $cart.subtotals.discounts.amount)}
                {$missing_amount|number_format:2:",":""} {$currency.sign} {l s='avant la livraison gratuite' d='Shop.Theme.Global'}
              </div>
              {/if}
              {* Fin du bloc *}
          {/if}

Comme vous pouvez le voir, nous comparons le montant de la commande (réductions déduites) au seuil de gratuité des frais de port. Si ce montant est inférieur, on affiche la différence, sinon on masque le bloc.

Vous pouvez ensuite ajouter un identifiant ou une classe à la balise div pour pouvoir modifier l’apparence du bloc en CSS à votre guise.

Pensez à vider le cache du site depuis le menu Paramètres avancés > Performances pour que les ajouts et modifications des fichiers soient pris en compte.

Comme expliqué plus haut cette méthode à ses limites : elle ne fonctionne pas avec le système de tranches de prix, elle doit être utilisée à un endroit du thème qui se rafraîchit à chaque modification du panier, elle ne tient pas compte des codes promo qui offrent les frais de port,… Pour toutes ces raisons (et d’autres encore), nous vous invitons à découvrir notre module Montant avant la livraison gratuite dans la 1ère partie de cet article si vous ne l’avez pas déjà fait. Il couvre tous les cas de figure et dispose d’un grand nombre d’options de paramétrage.

L’article Prestashop – Afficher le montant avant la gratuité de la livraison est apparu en premier sur Agence BeComWeb.

L’organisation – Mettre le chaos au centre de l’échec

La première et certainement la plus importante composante de l’échec d’un projet est évidemment celle qui lui sert de fondation : l’organisation. C’est aussi la plus difficile à rater en totalité ; puisque de la genèse du projet jusqu’à sa conclusion, vous pourriez être tenté de la rendre cohérente.

Les erreurs potentielles sont nombreuses : réaliser une étude en amont, définir concrètement les objectifs, rédiger des documents de référence (cahier des charges, spécifications techniques,…), établir une feuille de route précise, confier les tâches à des personnes compétentes, réunir les acteurs régulièrement pour affiner le pilotage du projet,… Ne tombez pas dans le piège de mettre en place de vraies méthode de travail, vous risqueriez de voir votre projet se diriger vers un résultat satisfaisant !

N’oubliez pas qu’en tant que client c’est vous qui devez poser les premières pierres de l’échec de votre projet. Des fondations instables c’est l’assurance que votre site web sera le contraire d’une réussite. Pour obtenir cette mauvaise base de travail il vous faudra faire un certain nombre de mauvais choix ; et même parfois ne pas faire de choix , de manière à ajouter une touche chaotique à la situation. Mais comment arriver à un fiasco ? Nous allons voir ensemble quels éléments vous devez négliger pour que le projet aboutisse à une dilapidation de temps et d’argent.

La gestion de projet – Faire se rencontrer l’incompréhension et l’improvisation

Pour faire de votre projet un véritable accident industriel il est impératif que vous le fassiez partir sur de très mauvaises bases. Pour cela la meilleure méthode est de mettre en place des conditions de travail défavorables. Les différents intervenants ne doivent comprendre ni ce que l’on attend d’eux ni la finalité de leur travail.

Pour cela faites en sorte de gérer le lancement du projet dans la précipitation. En brûlant les étapes et en fixant une deadline intenable, vous vous assurez que le travail fourni sera de qualité médiocre et que chaque tâche devra être refaite plusieurs fois.

Les documents de travail comme le planning opérationnel et le cahier des charges sont des outils solides pour piloter et coordonner le projet. C’est pour cela que vous devez les fuir comme la peste. Remplacez-les par quelques consignes vagues, des e-mails évasifs (voir cryptiques) et une poignée de post-its.

Un projet aux contours mal définis aura pour conséquence d’installer une incompréhension parmi les participants. Chacun aura sa propre interprétation des maigres directives. On verra alors se créer un effet d’éparpillement. Dispersée, l’énergie consacrée à la réalisation du site sera dépensée plus ou moins inutilement.

Ne lésinez surtout pas cet aspect, vos objectifs ne doivent à aucun moment être lisibles et arrêtés. Personne ne doit être en mesure de comprendre ce qui vous motive à vouloir créer un site web ou refondre votre site actuel. En laissant une grande place à l’interprétation, vous allez amener chacun à travailler selon sa propre vision ; ce qui aboutira à une espèce de chimère incohérente. Ensuite dans un 2nd temps vous pourrez demander à retirer tout ce qui ne vous plait pas. De plus il sera nécessaire de retravailler l’ensemble pour lui donner une cohérence, mais sans pour autant obtenir une solution harmonieuse. Vous cumulerez donc efforts inutiles et nivellement par le bas.

Mais ne pas bien définir l’enchaînement des tâches à venir à d’autres vertus. En effet une planification désastreuse aura pour conséquence de mener le projet vers des phases de stagnation, car il rencontrera des « goulots d’étranglement ». A cause de l’absence d’une vraie gestion de projet, certains membres de l’équipe manqueront de temps ou d’éléments pour réaliser leur tâches. Pendant ces périodes, le projet (mal suivi) prendra un retard conséquent, ce qui aura aussi un impact fort sur la motivation des participants. Il sera peut-être même abandonné et recommencé avant son terme, voire repris depuis le début à peine mis en ligne. On sera alors dans une situation de gâchis total.

Si un de ces scénarios se présentent il sera impossible d’en tirer des enseignements. Aucun document de référence n’ayant été mis en place au lancement du projet, nul moyen de se souvenir de ce qui avait été décidé et de comprendre ce qui n’a pas été fait correctement. Ce qui aboutira probablement à un conflit entre les différentes personnes concernées, qui se rejetteront la responsabilité les uns sur les autres. En plus de la situation d’échec le projet aura aussi amené à une dégradation des rapports humains.

La stratégie du « petit-à-petit » donne aussi de très bons résultats. Plutôt que de fournir une vue d’ensemble du projet, vous avez la possibilité de distribuer les éléments de façon morcelée, voire au compte-gouttes, si possible dans le désordre. Par exemple juste après que quelqu’un ait terminé de traiter des données, fournissez-lui un nouveau fichier contenant des informations supplémentaires qui vont nécessiter qu’il/elle reprenne toute la tâche depuis le début. Rien de tel pour bien énerver quelqu’un !

La ressource humaine – L’importance de la démotivation générale et du casting raté

Nous l’avons vu précédemment, un des piliers de l’échec de votre projet est le manque d’implication des intervenants. Mais il existe d’autres techniques qui vont vous permettre que le travail effectué sur le projet soit de qualité insuffisante.

Un des objectifs sur lesquels vous devez vous focaliser est le turn-over. Grâce à différentes techniques de démotivation vous allez pouvoir faire en sorte que les gens abandonnent, avec tous les avantages que ça représente : travail incomplet donc à refaire, perte de connaissances pendant le passage de témoin, retour en arrière sur la courbe d’apprentissage, temps consacré aux pots de départ,…

Si vous organisez des réunions préparatoires, ne conviez pas les personnes qui vont travailler sur le projet. Pour eux les objectifs doivent rester flous. Si vous les impliquez dans le projet dès sa genèse ils sont susceptibles d’apporter une expertise qui, à terme, influera positivement sur le processus de création du site.

En tant que manager c’est à vous qu’il revient de faire en sorte que la communication au sein de l’équipe ne soit pas fluide, alors n’ayez pas peur de faire de la rétention d’informations ; que ce soit avec votre équipe ou avec celle de l’agence-web que vous avez retenue pour concevoir le projet.

Le naufrage d’un projet peut être provoqué par de nombreux facteurs, mais un de plus importants est son pilotage désastreux. Mettre à sa tête des personnes dont les compétences sont inadaptées à la situation est un bon point de départ. Mais vous pouvez voir plus loin.

A nouveau le découragement est la clef. Plusieurs options s’offrent à vous pour le faire croître. En premier lieu vous pouvez intégrer régulièrement de nouveaux responsables afin qu’ils amènent leurs propres visions et remettent en question les choix précédents. Faire reprendre le travail a souvent pour conséquence de dégrader la qualité de la production. Mais de nouveau le turnover a un rôle très important à jouer. En changeant régulièrement la personne en charge vous multipliez les chances de voir le projet changer de cap jusqu’à devenir incompréhensible.

Toujours à propos du management du projet, ne sous-estimez pas la capacité de nuisance de l’absence de leadership. Ou pour le dire autrement, ne pas choisir de responsable reste le meilleur moyen de voir le projet avancer au ralenti ou partir dans tous les sens.

Nous avons vu un peu plus haut que fournir les éléments de manière disparate peut avoir un impact psychologique néfaste. Mais vous pouvez mettre en place des procédures incluant des tâches très répétitives et les confier à une seule et même personne. En plus de ne pas être gratifiantes pour elle/lui, le nombre d’erreurs et d’oublis devraient être plus important que si la charge était répartie entre plusieurs personnes. En tout cas n’essayez pas de mettre en place des outils d’automatisation, vous perdriez une chance de piétiner la motivation de vos troupes.

L’autre corde sur laquelle vous pouvez jouer pour obtenir de piteux résultats c’est la charge de travail. Sous-dimensionner la ressource humaine produit toujours les mêmes effets : les tâches sont réalisées dans la précipitation, les tests sont mal ou pas effectués, des détails sont oubliés, etc. Il ne faut pas perdre de vue que la mauvaise répartition du travail produit des effets pervers supplémentaires sur l’état d’esprit de l’équipe : sentiment d’injustice chez ceux qui sont débordés, profond ennui chez les autres. Ne passez pas à côté de l’opportunité de créer des tensions !

Mais vous pouvez aussi utiliser la méthode qui consiste à mal distribuer les tâches. Vous avez parmi vos employés une personne qui n’a aucune idée de comment on gère la conception d’un site web ? Pas de problème, nommez cette personne responsable de projet, elle apprendra sur le tas. Même chose pour le design du site, on peut le confier à la personne qui répare les ordinateurs ; après tout ça ne doit pas être sorcier. Et puis Photoshop ça ne doit pas être si compliqué, au pire il y a toujours Paint ou Powerpoint.

Un dernier conseil à propos de l’exploitation désastreuse du facteur humain. Souvenez-vous toujours que vous avez une arme infaillible pour ruiner la motivation des intervenants : la mise à la poubelle pure et simple de leur travail. N’importe qui ayant travaillé longtemps et avec application sur une tâche sera anéanti quand vous lui apprendrez que le résultat ne sera pas utilisé. Faites faire des choses inutiles, le résultat est radical !

Le budget – Le puits sans fond(s)

Le budget est évidemment un autre aspect déterminant de votre projet de site web. C’est pourquoi, pour que l’édifice échoue, il doit être négligé ou abordé en dépit du bon sens.

Vous le savez maintenant, zapper l’étape de l’étude du faisabilité aura pour conséquence une mauvaise évaluation des ressources nécessaires, y compris financières. Quand on ne prend pas le temps de déterminer ce que le site doit faire et contenir, on arrive presque toujours à la même situation : les spécifications sont partielles. Autrement dit il manque des éléments et ces éléments vont venir se greffer ultérieurement. Sauf que le chiffrage aura été établi sur une mauvaise base et donc les sommes allouées seront insuffisantes.

A partir de là deux solutions s’offrent à vous : ré-évaluer le budget à la hausse ou essayer de faire (beaucoup) plus avec les mêmes moyens. Le bon sens voudrait que vous vous orientiez vers la 1ère option. Ne tombez pas dans ce piège, vous remettriez le projet sur de bonnes bases. A la place vous devez demander l’impossible. Vous avez besoin d’un gros site e-commerce ? Débloquez à peine de quoi créer une petite e-boutique modeste. Un site vitrine ? Financez-le avec à peine de quoi construire une page toute simple.

Evidemment les gens dont c’est la spécialité vont vous faire remarquer que les sommes sont insuffisantes. C’est là que vous allez pouvoir vous lancer dans un processus de chasse aux petites économies. Commencez par demander à rogner sur des postes de dépense fondamentaux : la gestion de projet (qui normalement aurait déjà dû être survolée si vous avez suivi les conseils précédents), le design (« Pas besoin de maquette, on part sur un truc simple… »), le codage (les développeurs s’embêtent souvent avec des choses superflues comme la sécurité ou l’évolutivité),… Les opportunités de gratter à droite à gauche sont nombreuses donc ne passez pas à côté. Et si vous travaillez avec une agence, le plus simple reste de confier en interne des tâches à des employés dont ce n’est pas le métier.

Mais dans le cas du budget d’un projet de site web il arrive que l’on rencontre la situation inverse : la surestimation. On dispose de trop d’argent, au point de ne pas savoir quoi en faire. Par peur de manquer vous avez débloqué des sommes disproportionnées, parce que l’objectif c’est d’avoir « quelque chose de bien ». Au regard de ce qui est attendu, on aurait tout aussi bien pu le faire avec 2 fois moins. Mais l’argent est là, donc il faut le dépenser. En lui-même le problème n’est pas dramatique puisque l’enveloppe va permettre de sortir le site qui a été imaginé. Mais c’est un échec dans le sens où cet argent aurait été utile à autre chose, ou que les ambitions auraient pu être révisées à la hausse.

Le design – Moche c’est bien, repoussant c’est mieux !

Si on ne juge pas un livre à sa couverture il ne faut pas perdre de vue le fait qu’un bel écrin peut souvent sublimer ce qu’il contient. Ne faites pas l’erreur de proposer quelque chose de visuellement acceptable à vos clients, ceux là seraient tentés d’en apprendre plus sur vos produits et activités. Il est impératif que vous négligiez complètement l’aspect esthétique, ce que vous montrez aux clients doit les repousser !

Le monde du design est plein de codes : harmonie des couleurs, règles typographiques, bonnes pratiques de mise en page,… Ne vous encombrez pas avec tout ce blabla. Ce n’est pas parce que ce domaine a été étudié au cours des siècles par des spécialistes, qu’il a un quelconque intérêt dans votre cas. Partez plutôt du principe que vos clients n’y sont pas sensibles.

Aussi ne perdez pas de vue qu’on parle de « communication visuelle ». Plus le design sera laid et confus, et moins les informations que vous essayez de communiquer visuellement seront compréhensibles. Le client ne doit garder aucun souvenir de ce que vous essayez de lui dire. Au contraire il doit subsister chez lui une impression de gêne et de malaise ; sans quoi il serait tenter de se souvenir de votre message.

N’essayez pas non plus de garder une cohérence visuelle entre vos différents supports de communication, ou même au fil du temps. Établir une charte graphique et mettre en place une identité visuelle pour votre entreprise permettrait à vos clients de vous reconnaître et vous distinguer de vos concurrents, donc ne le faites pas ! Voici quelques pistes pour être sûr d’obtenir une inconstance totale :

• utiliser plusieurs logos totalement différents, de préférence avec des couleurs bien distinctes
• pour un site-web, faire en sorte qu’aucune page ne se ressemble en terme de disposition et de design
• multiplier les ambiances en passant du sérieux au fantaisiste, du sobre au coloré,…
• changer en permanence de polices de caractère (il y en a tellement, il faut bien les tester pour trouver la meilleure…) et combiner en autant que possible sur un même support (la surabondance est même recommandée)

Le contenu – Vers l’alliance du médiocre et de l’indigeste

En plus du design, une des composantes essentielles d’un site web c’est son contenu, à savoir ses textes et ses photos. C’est pour cela qu’il est primordial, pour bien rater ce projet, de proposer à ceux qui vont le consulter un contenu de qualité insuffisante.

Pour les textes vous devrez vous focaliser sur un point essentiel : leur lourdeur. Vous devez systématiquement être trop bavard. Préférez un rédactionnel long et alambiqué, avec des tournures de phrases complexes, des pavés interminables et répétitifs qui rendront la lecture indigeste. L’objectif est que le lecteur ait besoin de soulager son mal de tête à grands coups de Doliprane avant même d’avoir trouvé l’information qu’il recherche.

Un conseil pour être assuré d’être parfaitement ennuyeux : surtout ne cédez pas à la tentation d’utiliser des éléments de facilitation visuelle comme les schémas ou les pictogrammes, ils aident à la compréhension de votre message et ce n’est pas ce que nous recherchons.

Aujourd’hui plus que jamais la qualité des images est un élément auquel les visiteurs accordent une très grande importance. C’est pourquoi vous devez y accorder une attention toute particulière. Vous ne pourrez pas mener votre projet à l’échec sans négliger totalement cet aspect !

Parmi les règles essentielles à respecter on peut citer :

• La compétence du photographe. Il ne doit avoir aucune connaissance technique dans le domaine et le moindre cadrage doit être raté.
• Le matériel. Préférez un smartphone bas-de-gamme à un équipement de qualité. Ces appareils ont tendance à sublimer le moindre cliché avec leurs traitements automatiques et leurs composants évolués.
• L’environnement et les conditions. Pour bien rater une photo le plus simple reste de la prendre un jour de pluie, dans une pièce mal éclairée. Si le produit peut être devant un fond terne ou dans un décor qui ne le met pas en valeur c’est encore mieux. La prise de vue à bout de zoom accentuera les risques de perte de netteté à cause des tremblements (le trépied est évidemment interdit).

En suivant ces quelques recommandations vous devriez obtenir le type de photo que nous cherchons à obtenir : ternes, floues, sombres,… bref désagréables à regarder. Elles doivent avant tout ne pas mettre vos produits en valeur et décourager vos visiteurs de travailler avec vous, en renvoyant une image de travail négligé et approximatif.

Jusque là nous n’avons parlé que de la qualité des contenus, mais la quantité aussi est importante. Une règle fondamentale à respecter pour être certain de rater son site web c’est de ne pas rédiger assez de texte. Comme vous le savez probablement, votre référencement dépend en grande partie de la sémantique du site. Les moteurs de recherche vont se baser sur les mots, phrases, titres et paragraphes qui apparaissent sur les pages pour associer le site avec les critères de recherche. Ne pas intégrer des informations fondamentales sur votre site (votre profession, vos services et activités, votre zone de chalandise,..) c’est avoir la certitude que les internautes ne vous trouveront pas. Et perdre du trafic potentiel c’est le meilleur moyen d’obtenir un site internet qui ne remplit pas sa tâche.

Si malgré tout votre clientèle finit par trouver votre site (parce que vous avez fait l’erreur de faire apparaître l’URL sur votre carte de visite par exemple), il est important que le contenu y soit très pauvre. Les pages doivent avoir l’air vide, en cours de construction. Votre site doit dégager l’impression d’être à l’abandon, afin de décourager le visiteur de vous contacter et le détourner vers vos concurrents. C’est une des clés de son échec !

Un dernier conseil : si votre site web intègre un blog ou un section « Actualités », ne publiez jamais de nouvel article. La dernière publication doit toujours remonter à plusieurs mois voire plusieurs années. Ainsi vous perdrez automatiquement tous les avantages que représente cette fonctionnalité, en particulier dans le domaine du e-commerce.

L’ergonomie – Du petit agacement à la grosse crise de nerfs

Ne faites pas l’erreur de croire qu’un design laid et un contenu famélique vont suffire à décourager vos clients de consulter votre site-web. Même face à un désert d’informations présenté dans les pires atours, les plus courageux et les plus persévérants continueront de chercher à utiliser ce que vous mettez à leur disposition. En revanche la patience a toujours des limites, donc même eux finiront par craquer et abandonner si vous mettez entre leurs mains un outil difficile à utiliser. Ne faites pas l’erreur de sous-estimer à quel point une mauvaise ergonomie peut ruiner l’expérience-utilisateur.

Les défauts de conception qui peuvent agacer les visiteurs sont très nombreux. S’il est difficile d’en établir une liste exhaustive, voici quelques pistes que vous pouvez étudier pour faire détester votre site-web :

• Des boutons qui ne déclenchent aucune action, plongeant l’internaute dans le flou et l’incompréhension
• Des formulaires interminables, qui demandent un nombre important d’informations superflues (et parfois déjà fournies précédemment)
• Une gestion calamiteuse des erreurs, à base de messages incompréhensibles et de pertes des données saisies après envoi (ex : pour le formulaire interminable évoqué plus haut, le moindre champ oublié ou mal rempli va provoquer une erreur de validation ; après rechargement de la page les champs seront vides et il faudra remplir entièrement le formulaire de nouveau)
• Une absence totale de feedbacks visuels, rien dans les interactions ne doit suggérer la réussite ou l’échec d’une interaction ou faire comprendre quelle est la prochaine étape d’un processus (ce qui élimine donc les changements de couleur ou de taille, l’apparition d’icône, la gestion des transparences, les animations sous toutes leurs formes,…)
• Un responsive design très mal pensé, l’adaptation pour appareil mobile doit avoir été négligé afin que le surf sur ces dispositifs soit un vrai défi pour les nerfs.

Le mot d’ordre quand on veut rater l’ergonomie d’un site-web c’est de se concentrer sur l’absence d’intuitivité. Les gens sont habitués à retrouver des conventions et des mécanismes similaires sur tous les sites-web : position du menu, présence de certains liens dans le pied de page, enchaînement des étapes dans un tunnel de commande,… Si vous voulez les perturber, le meilleur moyen est qu’ils ne retrouvent pas ces codes, de manière à ce qu’ils se sentent perdus et qu’ils s’énervent à essayer d’apprendre comment on réalise une opération basique et banale sur votre site. Ce qui est habituellement naturel et fait de manière fluide voire inconsciemment, va tout de suite relever de l’épreuve pénible pour eux.

Un dernier conseil pour la route

Afin de conclure cet article nous allons vous prodiguer un dernier conseil : celui de ne pas faire confiance au guide qui vous promette de faire de votre projet de site-web une réussite.

Comme vous l’aurez compris cet article est une parodie, il est ironique et n’a pas d’autre prétention que de vous faire (sou)rire.

Il n’existe pas de recette miracle, chaque projet est unique et réunit des acteurs différents qui doivent accorder leurs caractères pour essayer de tirer le meilleur de leurs compétences respectives.

Mais si vous mélanger une grande dose de confiance avec beaucoup de bons sens et que vous faites le contraire de ce qui est recommandé plus haut, vous avez déjà de bonnes bases pour réussir à lancer le site-web qui couvrira le besoin et satisfera les objectifs visés.

L’article Tous les conseils pour bien rater son site web est apparu en premier sur Agence BeComWeb.

Les raisons sont nombreuses :

• Le produit avait été supprimé par erreur, donc vous avez dû le recréer et par conséquent ce n’est pas une vraie nouveauté
• Il n’a pas de photo, c’est un petit accessoire insignifiant… Bref il n’a pas vraiment sa place parmi les nouveaux produits que vous voulez mettre en avant
• Au contraire c’est un article qui se vend très bien et vous voudriez pouvoir prolonger le temps qu’il va passer sur cette page

Quelque soit la raison vous faites face au même problème : impossible de modifier cette valeur depuis le back-office de Prestashop. Nous allons voir comment palier à cette limitation.

Modifier la date d’ajout dans la base de données

Si vous avez accès au système de gestion de base de données (généralement PhpMyAdmin) et que vous maîtrisez ces manipulations, vous avez la possibilité de changer la date d’ajout directement dans la base de données.

Pour cela, commencez par repérer l’id du produit que vous voulez modifier dans la liste présente dans le menu Catalogue > Produits. C’est simple, c’est le chiffre dans la colonne la plus à gauche.

Ouvrez ensuite la base de données dans PhpMyAdmin et allez dans la table product_shop. Cliquez sur l’onglet « Rechercher », saisissez l’id du produit et valider.

Repérez la colonne date_add, cliquez sur la cellule pour afficher le sélecteur de date et utilisez-le pour modifier la valeur.

Si vous utilisez le mode « multiboutique » de Prestashop, la recherche à partir de l’id va vous proposer plusieurs lignes. Effectuez la modification pour toutes celles que vous souhaitez, en vous basant sur la colonne id_shop pour identifier la boutique.

Allez ensuite dans la table product pour reproduire la même manipulation (retrouver le produit à partir de son ID puis modifier la date présente dans la colonne date_add pour celui-ci).

Important : si vous ne maîtrisez pas bien PhpMyAdmin, ou que vous ne savez pas comment y accéder, nous vous conseillons de vous tourner vers la 2nde méthode expliquée ci-dessous. D’autre part, pour éviter toute mauvaise surprise, nous vous recommandons de procéder à une sauvegarde de la base de données via le menu Sauvegarde BdD / Base de données avant d’effectuer ces manipulations.

Utiliser un module pour modifier la date d’ajout du produit

Si les manipulations décrites ci-dessus vous semblent complexes, ou si vous voulez simplement vous simplifier le travail, vous pouvez également faire appel à un module pour modifier très facilement la date de création du produit dans Prestashop.

Ça tombe bien, nous avons ce qu’il vous faut ! Ça tombe vraiment bien, il n’est pas cher du tout, et même gratuit pour Prestashop 1.6

Le fonctionnement est très simple puisque le module ajoute un nouveau champ dans la fiche-article (autrement dit la page du produit, dans l’administration du site), comme vous pouvez le voir sur les captures d’écrans ci-dessous.

Pour modifier la date d’ajout du produit il vous suffit de cliquer dans le champ pour faire apparaître le calendrier (ou « datepicker »), puis de choisir la nouvelle date et d’enregistrer. C’est aussi simple que ça.

Ce module est disponible sur notre boutique. N’hésitez pas à cliquer sur le lien ci-dessous pour accéder à sa page de téléchargement. La version pour Prestashop 1.6 est offerte, celle pour 1.7 est proposée à un tout petit prix. Dans les 2 cas le module vous rendra de grands services.

L’article Prestashop – Modifier la date de création d’un produit est apparu en premier sur Agence BeComWeb.

Or vous êtres nombreux à organiser la préparation des commandes sur la base de ce critère ; parce que le type de livraison est synonyme de degré de priorité (vous avez un mode de livraison rapide, de type « express ») ou parce que vous préparez vos commandes par lots en fonction du transporteur.

Nous allons donc voir comment palier à ce problème.

Intégration de la colonne « Transporteur » dans le tableau des commandes

Mise-à-jour 27/09/2021 : Dans la version Prestashop 1.7.7 la page « Commandes » du back-office a été migré vers le système moderne / Symfony. Le méthode de surcharge de cette page expliqué ci-dessous ne fonctionne plus. La bonne nouvelle c’est qu’un développeur a mis au point un module permettant d’ajouter la colonne « Transporteur » à la liste des commandes. Le module dispose même d’une option permettant de choisir si vous voulez afficher le nom du transporteur ou son logo. Merci donc à Matt75 de proposer gratuitement le module Colonne transporteur sur la liste des commandes.

Pour ajouter la colonne permettant d’indiquer le mode de livraison dans la liste des commandes nous allons créer une surcharge (ou « override ») du contrôleur qui gère l’affichage des commandes dans le backoffice.

Commencez donc par créer un fichier intitulé AdminOrdersController.php dans le répertoire override/controllers/admin. Nous allons ensuite ajouter 3 éléments dans le constructeur du contrôleur (autrement dit la fonction __construct()) :

• la récupération de l’identifiant du transporteur dans la requête SQL
• la nouvelle colonne du tableau
• une méthode qui récupère l’image du logo

Pour la requête SQL on va donc ajouter le champ id_carrier, qui sera récupéré dans la table order_carrier, pour laquelle il faudra mettre en place une jointure.

Ensuite on intègre la nouvelle colonne à la liste existante. Comme elle a déjà été générée par le constructeur parent, on doit aussi la « positionner » vers le début du tableau pour que le logo ne s’affiche pas tout à droite du tableau.

Le code du constructeur ressemble donc maintenant à ça

public function __construct()
{
  // On appelle le constructeur du parent (le controleur natif)
  parent::__construct(); 
  // On recupere l'id_carrier qui va servir pour la methode printCarrierIcon()
  $this->_select .= ', oc.`id_carrier`,';
  // On ajoute une jointure pour atteindre l'id_carrier
  $this->_join .= 'LEFT JOIN `'._DB_PREFIX_.'order_carrier` oc ON (a.`id_order` = oc.id_order)';
 // On definit la nouvelle colonne avec icone du transporteur
 // NB : pour Prestashop 1.7 utiliser le nouveau systeme de traduction en remplacant $this->l('Carrier') par $this->trans('Carrier', array(), 'Admin.Global')
 $carrier_column = array(
      'title' => $this->l('Carrier'),
      'align' => 'text-center',
      'callback' => 'printCarrierIcon',
      'orderby' => true,
       'search' => false,
  );
  // On l'integre a la liste (ici en 3eme position)
  $part1 = array_slice($this->fields_list, 0, 2);
  $part2 = array_slice($this->fields_list, 2);
  $part1['id_carrier'] = $carrier_column;
  $this->fields_list = array_merge($part1, $part2);
}

Il ne nous reste plus qu’à créer la méthode déclarée en callback et qui va se charger de retourner le logo. On ajoute donc le code suivant à la fin de notre fichier

// Recuperation de l'image du transporteur
public function printCarrierIcon($id_order, $tr)
{
  if (file_exists(_PS_TMP_IMG_DIR_ . 'carrier_mini_' . $tr['id_carrier'] . '_1.jpg')) {
    return '<img src="../img/tmp/carrier_mini_' . $tr['id_carrier'] . '_1.jpg'.'" class="imgm img-thumbnail" />';
 }
  return null;
 }

Pour faire plus simple vous pouvez également télécharger le fichier qui correspond à votre version de Prestashop.

Attention, comme pour toutes les overrides vous devez faire une manipulation pour qu’elle soit prise en compte. Sous Prestashop 1.6 il faut supprimer le fichier cache/class_index.php manuellement. Sous Prestashop 1.7 il suffit de vider le cache depuis le menu Paramètres avancés > Performances.

En complément : modifier le transporteur associé à une commande

Pour différentes raisons vous êtes peut-être parfois amené à devoir changer le transporteur associé à une commande. Il existe beaucoup de cas de figures :

• Vous proposez des modes de transports génériques sur votre boutique (ex : « Livraison à domicile », « Livraison express »,…) puis vous confiez les colis à différents transporteurs en fonction de certains critères (poids, distance,…)
• Un élément de la commande a varié et vous devez opter pour un transporteur plutôt qu’un autre

Dans ce cas vous êtes bloqué, impossible d’effectuer cette manipulation dans le back-office de Prestashop… sauf si vous passez par le module que nous avons conçu à cet effet.

Cliquez sur le boton ci-dessous pour en apprendre plus le module Modifier le transporteur final pour Prestashop, qui vous permettra de changer très facilement l’option de livraison d’une commande.

L’article Prestashop – Afficher le logo du transporteur dans la liste des commandes est apparu en premier sur Agence BeComWeb.

Au fait, c’est quoi un blog ?

La question peut paraître étrange, car si vous avez entamé la lecture de cet article c’est que vous devez déjà avoir une idée assez précise de ce dont il retourne. Pourtant un petit rappel ne sera pas de trop pour poser le contexte.

Pour certaines personnes le terme renvoie encore aux « skyblogs » que les adolescents tenaient il y a une dizaine d’années (avant l’émergence des réseaux sociaux) et sur lesquels ils criaient leur amour pour un club de foot ou un groupe de musique. Au risque de décevoir certains, ce ne sera pas le sujet ici.

A la place nous allons parler des blogs professionnels où on trouve des actus, dossiers, tests, articles ou liste des conseils à propos d’un thème ou d’un domaine d’activité en particulier (cuisine, voyages, déco,…). Ils sont tenus par des gens ayant une très bonne connaissance de leur sujet et s’adressent à un lectorat ciblé.

On peut citer comme exemple… la page sur laquelle vous êtes actuellement. C’est la section blog de notre site et vous y trouvez nos articles à propos du monde du web et de l’e-commerce en particulier. Dans certains cas un site entier est un blog, comme pour le Blog du e-commerce (mais ne cliquez pas tout de suite, il y a plein de choses intéressantes à lire après).

A quoi va me servir un blog ?

Avant de répondre à cette question je vais vous demander de repenser à une situation que vous avez déjà vécu. Vous êtes forcément allé un jour dans un magasin d’éléctro-ménager pour acheter un appareil, peu importe lequel. Là-bas vous avez certainement eu affaire à 2 catégories de vendeurs : celui qui se contente de lire la fiche posée à côté de l’exemplaire de démonstration et celui qui vous pousse vers la caisse avec le carton du modèle qu’il vous recommande, avant même que vous ayez terminé de lui expliquer pourquoi vous êtes venu dans son magasin. En général dans ces 2 cas il est probable que vous n’avez pas apprécié votre expérience d’achat, peut-être même que vous êtes ressorti sans l’appareil pour lequel vous étiez venu. En tout cas vous n’avez pas eu le service que vous attendiez.

Avant d’acheter en ligne, chaque client traverse un parcours d’achat. Il se renseigne, compare les produits et leurs prix, passe sa commande et « consomme » son achat. Avant l’achat il peut être amené à avoir besoin d’informations supplémentaires (avis des autres clients, précisions de la part du vendeur,…). Après l’achat, il est également susceptible de continuer à interagir (demande de conseils d’utilisation, création d’un attachement à la marque,…). C’est là que le blog intervient et devient un outil puissant pour vous distinguer de vos concurrents.

Voici donc une liste des avantages que vous pouvez tirer d’un blog en tant qu’e-commerçant(e).

Disposer d’un outil de communication efficace

Le blog va vous permettre de transmettre un grand nombre d’informations à vos visiteurs : lancement d’une nouvelle gamme de produits, participation à un salon professionnel, ouverture d’un nouveau service de livraison,… Vous allez pouvoir les tenir au courant de toute votre actualité.

Il est complémentaire à votre e-boutique, dans le sens où ce type de contenu rédactionnel est souvent assez mal géré par les CMS e-commerce. Ils ne sont pas vraiment adaptés pour transmettre ce genre d’informations aux clients.

Les articles que vous rédigez sur le blog peuvent également servir à alimenter vos réseaux sociaux. Vous rédigez un article sur le blog et vous le partagez ensuite sur les différentes plateformes.

L’efficacité du blog tient aussi au fait qu’il permet de fournir plus d’informations et une information de qualité. Vous pouvez y présenter les mêmes éléments que sur votre site mais sous un autre angle. Sur une e-boutique les descriptions des produits sont souvent assez « formelles » : liste de spécifications techniques, composition du produit, etc. Le blog vous offre l’opportunité de proposer des informations riches et complémentaires. Par exemple vous pouvez rédiger un dossier/reportage détaillant l’historique de la conception d’un produit, la philosophie d’une nouvelle gamme ; le tout agrémenté d’une galerie de photos en situation,…

Faire la promotion de votre entreprise et de vos produits

Même si vous choisissez de lancer un blog, votre activité reste la vente en ligne et vos revenus proviennent des commandes passées sur votre e-shop. Donc, en plus de ces aspects marketing et communication, le blog vous sert également de levier de croissance.

Vous devez donc « injecter » dans vos articles une part de contenu commercial, qui incitera vos clients à acheter ou acheter plus. Même si ça ne doit pas être votre seule motivation, l’objectif est de convertir une part du temps et de l’énergie consacrés au blog en chiffre d’affaires.

Mettez en avant vos produits et services, expliquez aux gens qui liront vos articles pourquoi ils doivent acheter chez vous plutôt que chez votre concurrent (qui peut-être n’a pas de blog pour dérouler son propre argumentaire),…

Mais procédez de manière subtile pour éviter de paraître trop agressif ou intrusif. Le blog doit continuer de donner le sentiment d’être un cadre « non-mercantile ». D’ailleurs son ambiance doit différer de celle de l’e-shop. N’oubliez pas que le visiteur y est venu pour lire, s’informer, échanger,… S’il sent que vous en êtes en train de faire de la publicité vous risquez de perdre sa confiance.

Il existe de nombreuses méthodes pour que l’aspect commercial du blog reste discret. L’une d’elle consiste à alterner les contenus éditoriaux et les placements produits. Si vous rédigez un dossier sur un produit saisonnier (ex: la crème solaire), commencez par aborder les aspects généraux (l’évolution du produit au fil du temps), développez ensuite la thématique point-par-point (les différents produits par type de peau, par âge,…) puis terminez en intégrant une liste de produits recommandés (contenant des liens vers les fiches-articles de la boutique) dans la conclusion de l’article.

En procédant de cette manière vous allez capter l’attention du lecteur. Une fois son intérêt suscité, il sera plus disposé découvrir les produits que vous souhaitez mettre en avant. Vous l’aurez accompagner jusqu’au début de son parcours d’achat.

S’adresser à la bonne cible et renforcer le lien de confiance

Beaucoup plus que l’e-boutique, le blog est aussi l’endroit où vous allez parler de vous et de la vie de votre entreprise. Vous pourrez par exemple y exprimer des points de vue, partager vos coups de coeur, annoncer un événement (ex : une récompense obtenue, l’ouverture d’un point-de-vente,…). Le fait de vous adresser personnellement à vos lecteurs aura pour effet de créer un lien plus direct avec votre cible.

Ce lien ira d’ailleurs dans les 2 sens. Les visiteurs vont pouvoir utiliser les commentaires pour vous faire part de leurs propres opinions. Certains en profiteront pour vous poser des questions ou exprimer leur satisfaction (et donc une forme de reconnaissance de votre travail), d’autres vous transmettront leurs attentes (ce qui vous permettra d’identifier de nouvelles opportunités commerciales). Ces échanges auront pour effet de créer un effet de communauté, ce qui débouchera sur une fidélisation de votre clientèle. Quant aux réponses que vous apporterez à vos prospects, elles les inciteront à passer commande sur l’e-shop.

Votre blog doit être avant tout un espace où vous parlez de ce qui vous passionne : votre métier. Et il doit s’adresser aux gens qui partagent cette passion avec vous. Mails il doit aussi montrer que vous êtes compétent(e) dans ce domaine, en ça il vous offre la possibilité d’agir en tant que prescripteur ou influenceur. C’est cette position qui va faire que votre audience sera réceptive à votre communication plutôt qu’à celle de vos concurrents.

Profiter d’une nouvelle source de trafic et améliorer votre référencement naturel

Nous venons de voir comment faire pour inciter les lecteurs du blog à venir visiter votre boutique en ligne, mais nous n’avons pas aborder l’étape précédente : amener les internautes à lire votre blog. Evidemment on ne parle pas ici de votre clientèle existante ni de votre communauté. L’idée ici va être de voir comment vous allez profiter du blog pour faire découvrir votre site marchand à de nouveaux clients.

Vous connaissez le principe global de fonctionnement des moteurs de recherche : ils fournissent une liste des résultats qui correspondent aux mots-clefs utilisés pour la recherche. Donc votre but va être de rédiger des articles contenant les termes que votre clientèle va employer lors de sa recherche afin que vos liens ressortent parmi les 1ers résultats. Le titre et le résumé de l’article sont accrocheurs ? Félicitation, vous venez de gagner un lecteur et donc un client potentiel.

Vous avez peut-être aussi entendu dire qu’un blog serait bon pour le référencement de votre site marchand. Et bien c’est vrai… dans certains cas. Tout va dépendre de la solution technique pour laquelle vous allez opter, on en parle plus bas.

En plus d’avoir une nette préférence pour le contenu pertinent (par exemple les pages où le titre est en adéquation avec les textes), les moteurs de recherche apprécient les sites « vivants », c’est-à-dire où ce fameux contenu change régulièrement (en particulier la page d’accueil). C’est un peu comme nous, on aura toujours tendance à rentrer dans un magasin parce qu’il vient de refaire sa vitrine plutôt que dans celui d’en face qui expose les 3 mêmes vieilleries depuis l’année d’avant.

C’est là où le blog intervient. Il suffit que votre site contienne une (ou plusieurs) zone(s) présentant les dernières actualités que vous avez publié et vous aurez ce mécanisme de renouvellement automatique du contenu cher aux moteurs de recherche. Evidemment vos acheteurs apprécieront également ce dynamisme et visiteront la boutique plus fréquemment.

Mettre en place un blog – les solutions techniques

Il existe de multiples façons de monter un blog et de l’associer à une e-boutique. Je vais vous en présenter plusieurs mais je ne m’attarderai que sur celles qui me semblent véritablement pertinentes.

Par ailleurs il va être question de CMS et ce sont les noms de WordPress et de Prestashop qui vont revenir le plus souvent. Il y a 2 raisons à cela : la 1ère est que ce sont ceux que nous employons pour créer des sites et des boutiques au quotidien ; nous les connaissons donc nous savons ce qu’ils valent. Ensuite ce sont les plus utilisés, ils sont leaders dans leurs catégories respectives (le e-commerce pour Prestashop, tous les autres types de site pour WordPress). Mais ce qui est vrai pour WordPress et Prestashop l’est aussi pour Drupal et Magento.

Installer un module de blog pour Prestashop

Un module de blog va permettre d’ajouter une section « Actualités » à votre boutique. Il y aura donc une page listant les articles par ordre chronologique, chaque article sera consultable individuellement et vous pourrez afficher à différents endroits de la boutique des listes des dernières actus (sur la page d’accueil, dans le pied de page, etc…).

L’avantage de cette solution est qu’elle est très facile à mettre en place. Le module s’installe en quelques clics, la configuration ne devrait pas vous prendre beaucoup plus que 30 minutes et l’opération ne demande pas de capacité technique particulière (il faudra peut-être travailler un peu l’adaptation visuelle pour que tout se marie bien avec la charte graphique de votre thème).

Vous allez me dire « Mais c’est la solution idéale alors ». Et bien en fait… pas vraiment. Déjà parce que la qualité de ces modules est très variable. A ce jour tous les modules gratuits que nous avons pu tester sont soit buggés, soit très mal conçus, soit incomplets (la moitié des fonctionnalités essentielles est absente), soit carrément dangereux à cause de leurs failles de sécurité. La palme revient à XipBlog. Si vous croisez cette abomination au cours de vos recherches, nous vous conseillons de fuir. En revanche le module Blog professionnel est lui de très bonne qualité et son tarif est raisonnable. Si vous deviez opter pour cette solution c’est celui que nous vous recommandons.

L’autre lacune des modules de blog est qu’ils ne permettent pas de créer l’ambiance « non commerciale » dont nous avons parlé plus haut. Avoir un blog distinct de votre boutique va vous permettre de parler à vos clients avec un ton différent et dans un contexte différent. Ils n’auront pas le sentiment que votre démarche est motivée par la volonté de faire une vente de plus.

WooCommerce, pour ajouter une boutique à son site

WooCommerce est une (grosse) extension pour WordPress qui permet de transformer ce CMS généraliste en site marchand ou de greffer une partie « boutique » à un site traditionnel. Il convient parfaitement lorsque la vente en ligne n’est qu’un des aspects de votre site… comme c’est notre cas.

Et oui le site sur lequel vous vous trouvez actuellement combine ces 2 éléments. Sa fonction principale est de présenter l’agence et ses services. Inutile de préciser qu’il dispose aussi d’un blog puisque vous êtes en train de le lire. Et conjointement à cela il y a la boutique sur laquelle vous pouvez acheter des modules pour Prestashop.

En abordant WooCommerce, on s’est donc un peu éloigné du sujet de départ de l’article qui était « pourquoi mettre en place un blog en plus de mon e-boutique ». Mais cette solution technique convient quand même dans les cas suivants :

• Vous souhaitez créer à la fois un site marchand et un blog
• Vous avez une site existant sous WordPress et voulez vous lancer dans le e-commerce.

Pour la 2nde situation installer WooCommerce vous épargnera une refonte complète de votre site ; qui serait synonyme de dépenses importantes, de perte de contenu (ce qui « tenait » dans WordPress ne « rentrera » pas forcément dans Prestashop) et probablement aussi de référencement (le temps que les moteurs comprennent que vous avez « déménagé »).

A nouveau si on compare les avantages et les inconvénients on constate que cette solution a l’avantage d’être « tout-en-un » (vous avez un seul outil pour gérer la totalité du système) et le travail d’intégration de l’e-shop est modéré (installer et paramétrer WooCommerce, alimenter le catalogue,…). Par contre toujours pas de séparation entre le blog et l’e-shop pour donner cette impression de « zone neutre ».

Afficher les dernières actualités de votre blog sur votre e-boutique

Pour créer les conditions qui vont susciter l’intérêt chez vos clients il est donc préférable de leur proposer 2 espaces distincts : le blog et la boutique. Le 1er sera géré avec WordPress tandis que la 2nde sera administré avec Prestashop. Techniquement c’est également la solution la plus solide puisque vous allez utiliser chaque CMS pour effectuer des tâches qui correspondent à sa spécialité : l’interface de WordPress est parfaite pour poster des news et Prestashop est un système complet de gestion de sites marchands. Vous cumulez le meilleur des 2 mondes.

A partir de là il va donc falloir afficher les actualités de votre blog au sein de votre boutique afin de profiter des avantages en terme de SEO dont nous parlions plus haut.

Pour cela nous allons utiliser un module qui va se charger d’aller récupérer les news récentes du blog pour les faire apparaître sur la boutique Prestashop. Il va donc « rapatrier » les données (textes, liens et images) des dernières actualités du blog et les afficher sur l’e-shop. Pour résumer le module agit comme un connecteur ou une passerelle entre WordPress et Prestashop. C’est la solution que nous préconisons, car elle est à la fois solide techniquement et idéale pour le SEO.

Si cette solution vous intéresse, nous vous invitons à jeter un oeil à notre module « Mes Actus WordPress » (voir ci-dessous). Très facile à paramétrer il va vous permettre de réaliser cette intégration des dernières news d’un blog WordPress dans votre e-boutique Prestashop en quelques clics. N’hésitez pas à consulter la fiche du module pour en apprendre plus, voir des captures d’écran et visionner une vidéo de démonstration.

Voici quelques conseils si vous choisissez de créer un blog WordPress pour compléter votre site marchand. Tout d’abord allez à l’essentiel, le projet doit rester « léger », cela vous permettra d’économiser du temps et de rester sur un budget raisonnable. Le but est de mettre en place une plateforme de publication d’actualités, donc optez pour un thème simple (on trouve beaucoup de thèmes WordPress gratuits orientés « blog » ou « webzine » qui feront parfaitement l’affaire) et évitez d’ajouter des extensions si elles n’apportent pas une vraie plus-value. Pour l’adresse, nous vous conseillons de choisir l’option du sous-domaine, afin d’obtenir une url du type blog.monsite.fr. Tous les hébergeurs le proposent et c’est facile à mettre en place.

Les solutions alternatives… et pas toujours satisfaisantes

Comme expliqué plus haut, il existe une multitude de CMS et chacun a ses propres solutions : il y a des modules de blog pour Magento, un plugin permet de transformer Drupal en e-shop, Shopify propose une option blog,… Chacune de ses solutions s’apparente aux 3 cas que l’on vient de détailler.

Ici les solutions alternatives dont il est question sont plutôt celles qui consistent à « bricoler » un blog à partir d’une fonctionnalité existante. La plus répandue consiste à se servir des pages CMS de Prestashop. Si on arrive à un résultat approchant, il faut quand même noté qu’il y a de nombreuses lacunes. Ce système est limité en terme de design ; pour obtenir un résultat agréable visuellement il faut retravailler profondément les templates et le CSS. Vous ne disposez pas non plus d’autant d’optimisation SEO qu’avec WordPress, ce qui fait que les pages seront généralement assez mal référencées. Et vous n’aurez pas accès à plusieurs fonctionnalités importantes d’un blog : le système de commentaires, les tags, les boutons de partage sur les réseaux sociaux,… Sans parler du fait que l’éditeur de texte de WordPress est beaucoup plus complet et simple à prendre en main que celui de Prestashop. Bref c’estune solution à éviter.

Les qualités d’un bon blog

Maintenant que nous avons abordé les avantages d’un blog pour les e-commerçants et étudié les différentes solutions techniques, nous vous proposons de faire un tour d’ensemble des éléments qui participeront à la réussite du votre :

• il doit être orienté « rédactionnel », c’est votre « journal » ou le « magazine » de votre entreprise donc évitez de le parasiter avec des choses hors-sujet (téléchargement de documents, formulaire d’inscription,…)
• son design doit être épuré et aéré pour qu’il soit facile à lire, y compris sur mobile et tablette (le « responsive » doit donc être soigné),
• il utilise correctement toutes les fonctionnalités propres à ce type de site comme la catégorisation des articles, l’association par mots-clefs (tags), les boutons de partage sur les réseaux sociaux et évidemment les commentaires,
• il respecte les grands principes du référencement comme l’alternance titre/paragraphes ou la correspondance entre les mots présents dans le titre et dans les paragraphes,
• on y trouve des images de qualité, elles sont en quantité raisonnable et leurs tailles sont harmonisées,
• si vous proposez une newsletter le formulaire d’inscription y est mis en évidence (c’est dans ce contexte que vous aurez les plus d’inscriptions

Quelques autres recommandations et infos utiles

Vous êtes prêts à faire le pas et à créer votre blog ? Voici quelques derniers conseils pour vous aider dans ce projet.

La rédaction est une activité qui prend du temps. Ne confondez jamais le temps passé à lire un article et celui qui a été nécessaire pour l’écrire. Hors un blog, ça s’alimente. Pour éviter de donner le sentiment qu’il est à l’abandon il faudra donc que vous ajoutiez du contenu régulièrement. En revanche vous ne devez pas nécessairement publier à un rythme soutenu, privilégiez la qualité à la quantité.

Pour éviter le syndrome de la feuille blanche, essayez d’avoir toujours sur vous un petit carnet pour noter les idées d’articles, un plan ou des morceaux de phrase quand ils vous viennent. Une fois devant votre écran vous aurez déjà votre sujet et il ne restera plus qu’à mettre en ordre vos notes. Evidemment ce carnet peut être remplacé par une document Word que vous gardez en permanence sur le bureau de votre ordinateur.

Vous n’êtes pas très à l’aise à l’écrit ? Rien de dramatique. Même s’il est préférable d’avoir un minimum de qualités rédactionnelles avant de se lancer dans ce projet, il n’est pas utile d’avoir fait une école de journalisme. Adressez vous à vos lecteurs comme vous le feriez à l’oral, utilisez un ton personnel (sinon vos textes sonneront faux), faites des phrases courtes et utilisez vos propres mots.

Pour finir, si vous voulez approfondir encore le sujet, nous vous invitions à consulterl’article de Morgane Kerninon « Pourquoi le blogging est-il profitable au e-commerce ? » (qui contient notamment une très bonne infographie).

Et si vous avez des exemples de couples blog/e-shop réussis que vous souhaitez partager, n’hésitez pas à laisser les liens en commentaire.

L’article Tous les avantages du blog comme outil de croissance e-commerce est apparu en premier sur Agence BeComWeb.

En revanche les informations affichées sur cette page sont limitées : le logo, un titre, un texte… et c’est tout. Un peu léger. Si la vesion 1.7 de Prestashop permet de saisir un message de maintenance personnalisé, elle reste assez limitée. En gros ça revient à dire « Nous sommes fermés » à vos clients, sans plus de détails.

Ce qui soulèvent pour eux de nombreuses questions :

• Quand est-ce que votre site sera de nouveau disponible ?
• Comment vous contacter pendant ce temps-là ?

Et de votre côté vous pourriez avoir envie de rendre cette page un peu plus sexy. Du texte noir sur fond blanc, aucune image,… on a connu plus attrayant.

Modifier la page de maintenance de Prestashop manuellement

La 1ère méthode pour modifier le contenu et l’apparence de la page de maintenance va consister à modifier les fichiers qui la composent.

Commençons par Prestashop 1.6. Dans cette version, les fichiers en question sont les suivants :

• le template maintenance.tpl (situé dans le répertoire de votre thème),
• la feuille de style maintenance.css (situé dans le sous-répertoire css de votre thème)

Si vous souhaitez ajouter des textes ou des images, vous pourrez le faire dans le template. Pour les textes, si votre boutique est multilingue, n’oubliez pas de respecter la syntaxe Smarty qui permet de rendre une chaîne de caractères traduisible : {l s=’Texte à traduire’}.

Ensuite pour toutes les modifications de design (taille de police, couleur d’arrière-plan,..), vous devez modifier la feuille de style (ce qui nécessite évidemment de maîtriser un peu ce langage).

Dans Prestashop 1.7, les noms et les emplacements de ces fichiers sont légèrement différents :

• le template maintenance.tpl se trouve dans le répertoire templates/errors de votre thème,
• la feuille de style se nomme error.css et elle est dans le répertoire assets/css de votre thème

N’oubliez pas que dans cette version vous pouvez personnaliser le texte de la page vous-même, comme je vous disais un peu plus haut (depuis le menu « Paramètres de la boutique > Général », onglets « Maintenance »).

Un module de personnalisation pour la page de maintenance de Prestashop

Si la 1ère méthode vous rebute (car vous ne disposez pas des compétences techniques nécessaires), vous pouvez vous tourner vers notre module « Page de maintenance personnalisée« .

Très simple à utiliser il dispose des options suivantes :

• sélection parmi les modèles de page disponibles (« Site en maintenance », « Disponible prochainement ») ou saisie manuelle du titre et du texte de la page,
• choix de l’image et de la couleur de l’arrière-plan,
• mise en place d’un compte-à-rebours avant la disponibilité du site
• affichage des coordonnées de contact et des liens vers les réseaux sociaux

En quelques minutes vous serez en mesure de proposer à vos clients une page de maintenance plus belle et plus complète pour votre boutique Prestashop, comme dans les exemples ci-dessous.

N’hésitez pas à aller jeter un oeil sur la page consacrée au module, vous y trouverez la liste des fonctionnalités et plusieurs autres captures d’écrans.

L’article Prestashop – Personnaliser la page de maintenance est apparu en premier sur Agence BeComWeb.

Une des solutions pour résoudre ce problème est de configurer manuellement votre ordinateur pour qu’il soit capable de communiquer avec un serveur SMTP (traditionnellement celui ce votre fournisseur d’accès internet). Mais cela peut s’avérer un peu fastidieux, surtout si vos connaissances techniques sont limitées.

L’autre possibilité, beaucoup plus simple et flexible, consiste à utiliser un logiciel dédié à cette tâche. Il en existe plusieurs : smtp4dev, MailDev, Fake Sendmail,… mais aujourd’hui nous allons parler de celui que je préfère : Papercut.

Le principe de Papercut est simple : il va « surveiller » le port sur lequel sont émis les e-mails (par défaut le port 25 mais vous pouvez modifier cette  valeur dans les options) et « attraper » tous les messages qui y transitent.

Au niveau de l’interface, Papercut simule un client de messagerie (type Outlook ou GMail). Vous retrouvez donc dans la colonne de gauche une liste des messages reçus et dans la partie droite un volet de consultation qui va vous permettre de retrouver les détails du message (expéditeur, titre, contenu,…). Ceux qui sont à la recherche de données plus techniques (comme les headers ou le code HTML) pourront les retrouver dans les différents onglets.

Papercut ne nécessite aucune installation, il suffit de dézipper l’archive et de double-cliquer sur papercut.exe opur le lancer. Et pour le télécharger ça se passe sur la page Github du projet.

N’hésitez pas à laisser un commentaire pour partager votre retour d’expérience sur Papercut.

L’article Tester l’envoi de mail en local est apparu en premier sur Agence BeComWeb.

Des metas values plus que légères

Or par défaut, si vous ne renseignez aucun meta title, Prestashop se contentera d’utiliser le nom de votre boutique, ce qui est basique et donc un peu léger. Vous perdez une opportunité d’en dire un peu plus sur votre activité.

Encore pire ! Par défaut la meta description par défaut de la page d’accueil d’un site Prestashop est « Boutique propulsée par PrestaShop ». Et comme la meta description est souvent (mais pas systématiquement) utilisée comme snippet par Google et les autres moteurs de recherche, il est primordial de remplacer ce texte.

Pour ceux d’entre vous qui ne seraient pas familiers avec le terme, le snippet c’est ce petit extrait de texte que l’on retrouve sous le titre et l’url dans les résultats de recherche.

Donc si vous ne modifiez pas la meta description de votre homepage, vous risquez de vous retrouver dans ce genre de situation où Google utilise la phrase « Boutique propulsée par Prestashop » en guise de snippet (parfois complété par des bouts de textes piochés sur la page par le robot), comme dans l’exemple ci-dessous. Avouez que ce n’est pas terrible…

Optimiser les balises meta de la page d’accueil pour un meilleur référencement

Comme expliqué plus haut, modifier le titre et la description de la page d’accueil va vous permettre d’améliorer votre référencement naturel.

Pour personnaliser ces informations vous devez vous rendre dans Préférences > SEO & URLs (ou Paramètres de la boutique > Trafic et SEO sous Prestashop 1.7).

Vous trouverez ensuite une liste de toutes les pages de votre site (plus précisément une liste de tous les contrôleurs). Repérez la ligne qui correspond à index puis cliquez sur le bouton Modifier.

Sur la page suivante, vous aurez accès à différents champs : Titre de la page, Meta Description et Meta mots-clés. Vous pouvez déjà faire l’impasse sur ce dernier, il y a déjà plusieurs années que les moteurs de recherche n’en tiennent plus compte. Concentrons-nous sur les deux autres.

Commençons par le titre de la page de la page. Attention de ne pas le confondre avec le titre H1, ce sont deux choses différentes. Le titre de la page c’est ce texte qui apparaît dans l’onglet de votre navigateur. Le modifier c’est aussi l’occasion de transmettre une information supplémentaire aux moteurs de recherche. Votre slogan, quelques mots pour désigner votre entreprise,… à vous de choisir. Mais en plaçant les mots-clefs les plus pertinents, vous êtes susceptibles de remonter de quelques places dans les résultats de recherche. Des exemples ? « BreizhElek – votre spécialiste de l’électro-ménager dans le Finistère » ou encore « Super Swag Shop 3000 : streetwear Adidas, Nike, Lacoste,… ».

Pas d’exemple pour la meta-description, les possibilités sont trop vastes. Mais il vous suffit de suivre cette recommandation générale dès qu’il s’agit de SEO : écrire un texte à la fois intelligible pour un être humain et pertinent pour les robots. Evidemment ce texte devra contenir les mots-clefs que vous aurez déterminé comme étant ceux qui cadrent le mieux avec votre stratégie de référencement. Souvenez-vous aussi qu’il est préférable de faire des phrases, se contenter d’une énumération de termes ou de marques sera toujours moins efficace.

Améliorer le référencement de votre boutique Prestashop : corriger et optimiser

Editer le titre et la description meta de la page d’accueil ne suffit pas toujours à faire remonter votre boutique dans les résultats de recherche.

Un mauvais référencement peut être dû à de nombreux facteurs et donc les solutions à apporter sont de natures différentes. En fonction des cas il peut s’agir de corrections à appliquer dans le code (ex : révisions de la hiérarchie des titres des blocs) ou de l’enrichissement des contenus (ex : ré-écriture des textes, ajout de données sur les images,…).

Chaque boutique est unique, c’est pour cela qu’il faut toujours commencer par effectuer un diagnostic SEO, afin de déterminer un plan d’actions. N’hésitez pas à nous contacter si vous souhaitez obtenir un devis gratuit et connaître les mesures à mettre en place pour améliorer le référencement de votre site Prestashop.

L’article Prestashop – Modifier le titre et la description de la page d’accueil est apparu en premier sur Agence BeComWeb.