Prestashop module blog

Prestashop 1.7 – Un super blog (ép. 79)

Vous pensez que le système de blog est une méthode dépassée des années 2000 et qu’il faut passer à autre chose ? Ahah détrompez-vous cela n’a jamais été aussi efficace qu’en 2019… Vos clients on besoin de voir que vous êtes une entreprise vivante.

Un blog sur un site e-commerce ?

Bien souvent quand on parle de site e-commerce, on pense produit à vendre… mais plus rarement on pense à un blog. La plupart des sites e-commerce sont sur internet dans un seul et unique but « VENDRE »… Ils proposent donc uniquement des fiches produits à leur visiteurs. Et si je vous dis « La plupart des sites e-commerce n’arrivent pas à avoir beaucoup de clients ! » C’est une réalité… pourquoi ? Bien souvent parce qu’ils font juste comme tout le monde et n’ont rien d’autre à montrer à leurs visiteurs que des produits avec un prix et ça forcément ça blaze (on voit que ça sur le web).

Le blog une tendance dépassée ?

Souvent c’est ce qu’on dit… les blogs c’est plus à la mode, maintenant c’est les réseaux sociaux etc… En fait c’est totalement faux pour 2 raisons, la 1ère c’est que Google peut améliorer le positionnement général de votre boutique Prestashop si vous créez un contenu pertinent qui sera lu par vos lecteurs et en 2ème raison parce que vos clients ont besoin aussi de savoir qui vous êtes, ce que vous faites et pourquoi. Quand vous avez les mêmes prix que la concurrence, le client va en principe chez le vendeur le plus sympa et qui se rapproche de ses valeurs… il faut tisser un lien avec lui et le blog est un excellent canal pour cette opportunité.

Créer un contenu pertinent ? Je vois pas comment…

Pour cela il faut bien comprendre la problématique de vos clients, si vous vendez des canapé par exemple, vos clients cherchent des conseils sur « Comment créer une ambiance cosy dans son salon ». Bien sûr à travers le contenu que vous allez proposer cela ne vous rapportera peut-être pas directement une vente… le but c’est que Google comprenne que vous êtes un bon site et que les gens aiment vos pages. En fait pour vraiment réussir à vendre beaucoup plus, il faut savoir aussi donner énormément de conseils pour pouvoir devenir une référence sur votre thématique… Si vous donnez juste du contenu basique informatif… il sera difficile de se faire aimer des internautes.

Comment sait-on si les gens aiment le contenu ?

Pour commencer, par le nombre de vues que génère la page… vous pouvez regarder ça dans Google Analytics et à voir aussi la durée que reste le visiteur sur la page… A noter aussi que si vous avez un espace pour des commentaires, ça peut être un plus pour engager la conversation et mesurer l’intérêt porté au sujet. Si vous avez un compteur de partage pour les réseaux sociaux sur la page, celui-ci aussi pourra déjà vous indiquer si les gens apprécient le contenu que vous leur proposez et s’ils le diffusent plus loin… (voir mon billet sur le trucage des compteurs des réseaux sociaux).

Vous pouvez tuer vos concurrents facilement

Actuellement la plupart des entreprises n’ont pas le temps de créer du contenu intéressant pour leur audience, car ils doivent se concentrer que sur un seul objectif « VENDRE A TOUT PRIX ». C’est une mauvaise stratégie, car si vous aidez vos clients, à travers de tutoriels, des retours d’expériences authentiques… c’est réputation augmentera progressivement sur le web et les internautes vous recommanderont de plus en plus. Le but final étant de devenir vraiment une référence incontournable sur son domaine (oui, je confirme quand même que c’est plus facile à dire qu’à faire).

Pour ce tutoriel vous avez à disposition :

  • 1 x fichier « category.tpl » (pour afficher les billets de blog)
  • 1 x fichier « custom.css » (pour bien formater le listing)
  • 1 x fichier « cms.psd » (une bannière de base pour le billet)

Télécharger

Résumé de la vidéo : Un système de blog 100% gratuit pour Prestashop ? Oui c’est possible…

  • Pour démarrer on va simplement créer une nouvelle catégorie dans les pages CMS et lui lier une première page. N’oubliez pas de mettre la date dans le titre du billet pour permettre à l’internaute de situer dans le temps.
  • Dans la description du billet, il faut utiliser la balise <!–more–> pour effectuer la coupure automatique du texte.
  • Dans le fichier TPL fourni, vérifiez bien l’id de la catégorie CMS afin que le code puisse s’afficher correctement.
  • Intégrez ensuite le CSS dans le fichier « custom.css » et effectuez la création d’un second billet pour voir ce que donne le listing.
  • N’oubliez pas de faire le test responsive pour vérifier que la liste se présente bien dans les différentes résolutions.
  • Idéalement je conseille de coupler ce tutoriel à l’optimisation de ses pages CMS Prestashop.

43 commentaires sur “Prestashop 1.7 – Un super blog (ép. 79)”

  1. Coucou. La franchement c’est bof. D’ailleurs tu n’avait pas l’air motivé ! Bon le coup du blog sur cms c’est connu et peu exploité car tres moche et loin de motiver les clients. A moins de proposer des teucs tres specifiques.

    Par contre! La ou tu ferais un tuto top ce serait de montrer les deux type de blog qui merchent…
    1 l’integration de belles pages cms dans des cadres et pouvoir les mettre ou l’on veut dans les hooks. Pour avoir un resultat identique a un module comme ceux en ventes.
    1 comment integrer un blog wordpress en mettant des cadres partout ou l’on veut sur le site.

    Tu vois? Creer des cadres, hook, htmlbox pour avoir le rendu d’un de ces blog module au top mais a 80 balles… pour rappel 1 balle ? = 1frs qu’on peut mettre a 1€ pour nous pauvres frs ??

    Sinon tu est toujours au top! Merci pour ton blog et tes conseils. Egalement un petit top top pour tes bonnets!!

    Répondre

    1. Hello,

      Ahaha… dans mon planning tout est millimétré j’ai 1h pour préparer un tutoriel pour Prestashop et après je « tourne » et c’est vrai que le résultat n’est peut-être pas toujours exceptionnel. J’arrive à un volume de presque 250 vidéos… il est possible que du coup la créativité est moins bonne. J’essaie de faire au mieux, mais je dois toujours faire « rapide & amusant »… quand j’y arrive 😉

      A bientôt !

      Répondre

  3. Bonjour,
    Merci pour ce tuto, je suis justement en train de réfléchir à intégrer un blog à ma boutique. Quelles différences y-a-t-il entre cette méthode des pages CMS et un WordPress ?
    Cette solution me plaît car c’est directement dans Prestashop. J’imagine que pour le référencement c’est pareil. Par contre il ne peut y avoir de commentaires.

    Répondre

    1. Bonjour,

      L’avantage de greffer ça sur Prestashop c’est que vous avez 1 seule plateforme à gérer et que ça vous permet de faire le plus important « créer du contenu ». Vous pouvez aussi déployer un WordPress dans un sous-dossier « /blog » si vous pensez vraiment faire quelque chose de complet… mais pour quelques news, mieux vaut le faire dans Prestashop (ou via un module de blog). Pour les commentaires c’est vrai qu’ici j’ai pas vraiment proposé de solution pour ça… aie…

      A bientôt !

      Répondre

      1. J’ai finalement décidé de faire sur Prestashop directement, je verrai par la suite si j’ai besoin de plus ! J’ai un peu galéré à adapter ton tuto sur mon Prestashop 1.6, mais tu expliques bien, j’ai donc réussi ! Haha Merci ! Et merci pour tout ton travail ! 😉

        Répondre

        1. Bonjour,

          Si en plus vous avez réussi à adapter le code pour une version Prestashop 1.6… alors grand respect à vous.

          Bonne continuation !

          Répondre

  4. Bonjour,
    j’ai découvert votre blog et page youtube il y a 1 mois et j’avoue que dès que j’ai besoin de quelque chose je viens ici.
    Merci pour toutes ces informations très utiles que vous partagez.
    A ce jour il est vrai que les blogs n’ont plus vraiment la cote, comme vous le dite les marchands pense plus à vendre qu’au reste.
    Perso j’ai décidé de mettre un blog sur ma boutique mais via un module pour que le client puisse y laisser des commentaires, pour moi aussi important dans dans un blog et surtout c’est une niche immense pour placer du mot clé ,direct ou longue traine, à gogo.

    Au plaisir.

    Répondre

    1. Bonjour,

      En fait le plus important est vraiment de drainer de l’intérêt sur sa thématique et c’est vrai qu’en faisant un blog dans Prestashop, ça augmente l’intérêt du consommateur à venir voir le shop (reste à trouver de bonnes idées pour la création du contenu). Pour augmenter votre référencement Prestashop, vous pouvez aussi regarder ce tutoriel SEO : https://www.webbax.ch/2018/04/19/strategie-de-referencement-ramses-ii/

      Merci pour le retour positif !

      Répondre

      1. Désolé mais c’est pas un problème de cache. j’ai désactiver toutes mes caches et j’ai aussi choisir l’option de recompilation si changement effectué. Dépuis lors suis butter 🙁 tout guide me serait d’une aide précieuse.

        merci.

        Répondre

  7. Ce pendant j’ai un autre souci … je personnalise le thème par défaut de prestashop. Mais je n’arrive pas à insérer les picto (image devant chaque sous-catégorie). J’ai comme l’impression que le thème par défaut ne le permet pas. comment faire dans ce cas svp? une astuce ou un guide me ferait plaisir.

    coordialement

    Répondre

  9. Bonjour,
    je tente d’effectuer ce tuto sous PS 1.6, je suppose que le fichier à modifier est bien cms.tpl; voici ce que j’ai dans mon fichier :

    {if isset($cms_pages) &amp;&amp; !empty($cms_pages)}
		{l s='List of pages in %s:' sprintf=$cms_category-&gt;name}
			
				{foreach from=$cms_pages item=cmspages}
				
				{* 18.06.19 - Webbax | TUTO 79 *}
                {if $cms_category.id==2 &amp;&amp; $cmspages.content|strpos:"<!--more-->" !== false}
                    {* catégorie blog *}
                    
                        <a href="{$cmspages.link}" rel="nofollow ugc">{$cmspages.meta_title}</a>
                            {assign var="img_cms" value="img/cms/{$cmspages.id_cms}.jpg"}
                            {if file_exists($img_cms)}
                                
                                    {assign var="cut_to" value="{$cmspages.content|strpos:'<!--more-->'}"}
                                    <a href="{$cmspages.link_rewrite}" rel="nofollow ugc">
                                         
                                    </a>
                                
                            {/if}  
                         {$cms_page.content|substr:0:$cut_to nofilter}
                         <a href="{$cmspages.link}" rel="nofollow ugc">{l s='Lire la suite'}</a>
                    
                 {else}
                    {* catégorie normal *}
                    
                        <a href="{$cmspages.link}" rel="nofollow ugc">{$cmspages.meta_title}</a>
                    
                 {/if}
            {* - *}
				
				{/foreach}
			
		{/if}

    Mais la coupure «  » ne se fait pas, et l’image ne s’affiche pas.
    Merci par avance!

    Répondre

    1. Bonjour,

      Désolé, mais je ne peux pas en dire plus sur le sujet… car j’ai testé l’intégration du tutoriel uniquement sous Prestashop 1.7

      A bientôt !

      Répondre

  10. Bonjour Germain,

    Je me suis enfin lancé pour faire votre mini-blog, après avoir hésité quelques mois 😉

    Tout ce passe bien, mais après plusieurs publications, je remarque des erreurs dans le W3C (https://validator.w3.org/)

    Un des exemples d’erreur « Duplicate ID»…

    Error: Duplicate ID banner-cms.
From line 422, column 89; to line 422, column 109
          ↩

    Pensez-vous qu’il est possible de remédier à cela ?

    Cordialement,
    Eric

    Répondre

    1. Bonjour,

      Il faudrait certainement changer ceci dans le code :

      <div id="banner-cms">

      et mettre plutôt 

      <div class="banner-cms">

      Par contre, il faut ensuite changer dans le css et utiliser un « . » au lieu du « # » (comme c’est une classe) pour appliquer les règles.

      A bientôt !

      Répondre

    1. Bonjour,

      Cela serait une bonne idée, mais nécessite un peu trop de développement pour en faire un tutoriel « simple » d’accès (il faudrait coder quelque chose de bien plus complexe).

      A bientôt !

      Répondre

        1. Bonjour,
          Super tuto !
          Est-ce que vous avez réussi à mettre en place la pagination ?
          Si oui, je serai intéressé de savoir comment vous vous y êtes pris 🙂

          Répondre

  13. Bonjour,
    désolé de revenir sur ce post, mais je galère depuis 2 heures et j’ai tout fait, vidé cache navigateur, boutique, etc . . .
    J’ai un PS 1.7.6.5
    Pour le premier post tout se passe bien, mais pour le second, il y a juste la ligne du titre mais pas l’image.
    Ce qui m’étonne le plus c’est l’attribut ‘li’, pour le premier post de blog, il y a bien la class li-category-blog, mais pas sur le second, il y a juste ‘li’
    J’ai bien suivi ton super tuto, plusieurs fois, mais là j’avoue que je cale . . .
    Merci de ton aide
    Patrick

    Répondre

  14. Bonjour, super auto merci beaucoup, je cherchais une solution simple à mettre en place pour un petit blog, j’ai cependant une question, sur Prestashop 1.7.6.6, on ne peut plus changer la position des pages CMS, y aurait-il un moyen d’affiche les dernières pages créer (derniers articles) en premier ? D’inverser l’affichage des articles sur la page de la catégorie de pages CMS correspondant au blog ? Merci d’avance

    Répondre

  15. Salut Germain, bon tuto néanmoins pour une fois je bloque sa ne fonctionne pas.. J’ais bien le titre du blog avec le bouton lire la suite est puis l’espace après avec la barre qui suis.
    Mais pas d’image ni le texte alors que j’ai mis la balise

    Si maintenant je souhaite faire la même chose sur une autre catégorie comment je dois procéder stp ? j’ai essayer plusieurs manière je n’est pas réussi. tout a bug j’ai remis le fichier categorie de base.

    J’ai prévu 3 catégories au maximum.

    Merci bien, je vais en attendant voir celui pour optimiser les pages cms
    Bonne journée

    Répondre

    1. alors je m’auto répond après avoir vu un de tes commentaire sur youtube concernant le fait d’appliquer la méthode au deux catégorie.

      —

      (Réponse sur youtube)
      Hello, alors comme ça je peux pas dire précisément… mais si on veut faire ça pour plusieurs catégories (2&3) il faudrait une double condition du genre 

       {(if $cms_category.id==2 && $cms_page.content|strpos:"<!--more-->" !== false)||(if $cms_category.id==3 && $cms_page.content|strpos:"<!--more-->" !== false)}

      …. mais ça reste à vérifier. A bientôt !

      Répondre

  17. Merci Germain,
    Encore une fois, j’ai appliqué ton tuto et ça marche du premier coup (ou presque mais comme d’habitude, c’est moi qui fais des bêtises !). Merci encore à toi, pour tout ce que tu fais pour nous. Je relis les commentaires et je me dis « Hmm, j’espère qu’il trouve de la reconnaissance ailleurs ! » car tous ne sont pas archi positifs ou te redemandent encore un effort ! Du coup, j’ai juste envie de dire MERCI et de saluer une telle initiative si exigeante pour toi et qui me permet de me donner de l’autonomie et de la confiance !

    Répondre

    1. Hello Vincent,

      Merci pour le retour positif ! C’est normal tous les lecteurs ont des problèmes avec leur Prestashop 😉 ma reconnaissance se retrouve dans le positionnement SEO sur la thématique de Prestashop. Donc bien sûr que ça en vaut la peine, mais ce concept est applicable à tous les business, c’est levier puissant… mais qui demande un peu d’implication.

      A bientôt !

      Répondre

  18. Bonjour Germain,
    Merci pour ton travail, je regarde tes tutos YT avec plaisir… J’aime l’idée de faire son blog sans un module externe. Par contre, j’ai un petit problème avec ton tuto. Dans mes articles, je veux mettre des photos et malheureusement, elle ne s’adapte pas à la taille de l’écran. Je suppose qu’il « suffit » de mettre une règle dans les custom.css mais je ne sais pas laquelle. Si tu as une piste …
    Merci

    Répondre

  19. Bonjour,
    Tout d’abord merci pour tes tuto ils sont toujours très utiles !
    J’ai bien réussi à effectuer celui là, cependant j’aurai aimé un peu le personnalisé.
    J’aurai souhaité mettre en grand le dernier article publier soit (col-12) et le reste des articles plus anciens en forme de grille (col-6).

    J’ai réussi à ajouter une règle soit en col-12 soit en col-6 mais pas les deux en même temps quand je tente de séparer les deux section la page ne se charge plus aurais-tu une solution à ça ?

    Merci d’avance !

    Julie

    Répondre

  21. Un Grand merci Germain,
    A l’époque j’etais comme beaucoup à ne pas croire en les blogs,
    Aujourd’hui j’ai totalement changé d’avis et je viens de le mettre en place et en ligne votre solution de blog, merci pour ce tuto et avec une mise en place utra facile et rapide.
    J’ai 67 ans et j’ai construis mon site en lisant, écoutant et regardons vos conseils, le plus, c’est qu’ils sont entièrement gratuit. MERCI
    Vos conseils sont une source de réflexions incontournables sur le web.
    Amicalement
    Bertrand

    Répondre

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *