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.

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.

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.