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.

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.