Prestashop de A à Z – Liaison avec Instagram (ép.25)

Le côté social est devenu très important pour les internautes, même si vous n’êtes pas forcément fan de la tendance. Hé oui, les clients aiment les réseaux sociaux dont particulièrement la plateforme Instagram.

Tutoriel 25

Les réseaux sociaux c’est toujours délicat, parce qu’on veut toujours montrer « une bonne image »… bien « irréprochable ». Quand j’ai préparé ce tutoriel et que j’ai créé le compte Webbax Instagram… j’avais pas forcément envie de faire des photos trop « délire », mais en même temps c’est un peu la base d’Instagram… être fun… être « social » avec ses utilisateurs.

Le but de la manipulation est d’intégrer votre page Instagram dans votre boutique Prestashop sur une page CMS. Cela va vous permettre ensuite d’avoir une boutique e-commerce dynamique de manière totalement transparente et en toute simplicité. Il vous suffira ensuite de faire des photos avec votre smartphone via Instagram (c’est rapide et facile) et votre boutique sera auto-alimentée, ce qui va forcément le dynamiser.

Incitez vos visiteurs à venir voir votre compte Instagram en ajoutant une bannière visible sur votre boutique ou même en homepage dans un des sliders par exemple. Pour les réseaux sociaux bien sûr il y’a Facebook… mais Instagram c’est le plaisir des yeux et le fun. Tentez l’expérience et essayez d’amorcer une communauté sur ce réseau social.

Au programme

  • L’importance d’Instagram pour votre visibilité.
  • Générez une iframe facilement avec LightWidget.
  • Autorisez les iframes dans Prestashop.
  • Ajustez le fichier TPL de votre thème en ajoutant une exception.
  • Faites le lien avec le module social de Prestashop.
  • Pensez à optimiser la page CMS (contenu précédant l’iframe).

15 commentaires sur “Prestashop de A à Z – Liaison avec Instagram (ép.25)”

  1. Bonjour cher germain,

    je veux juste te signaler que dans le fichier thème de mon prestashop 1.7.2.4 Thème actif : classic, le fichier (Bootstrap) n’y figure pas. Merci de me répondre.

    respectueusement

    H.Djaffar

    1. Bonjour,

      En fait cela est normal, car le tutoriel en question n’est pas compatible cette version de Prestashop… je note l’idée pour refaire un tutoriel Prestashop 1.7 en lien avec Instagram.

      A bientôt !

      1. Bonjour,
        Bon tuto mais cela ne fonctionne pas dans Prestashop 1.7.3 …
        J’ai apporté la modification suivante pour le faire fonctionner :
        Ouvrir le fichier tpl page.tpl dans theme/(nom du theme)/templates/cms
        Rajouter un chapitre block (voir exemple plus bas) juste avant la fin de section
        XX est le numéro de la page CMS où l’on veut insérer le widget.
        {* — LightWidget WIDGET INSTRAGRAM — *}
        {block name=’LightWidget’}
        {if $cms.id == XX}
        {literal}
        — Le Script LightWidget à insérer —
        {/literal}
        {/if}
        {/block}

        Bonne journée à tous

        1. Bonjour,

          Merci d’avoir contribué à l’ajustement du tutoriel, car cela avait été pensé pour la version Prestashop 1.6.

          A bientôt !

  2. Bonjour, super tuto (encore 😉 merci).
    Penses-tu qu’il serait possible d’intégrer cet iframe directement sur la home page ? (cela est-il conseillé ?)
    Merci

    1. Hello,

      Oui certainement qu’on peut le faire sur la homepage, il faudrait peut-être tester avec le module « editorial » de Prestashop je pense que c’est faisable. Cela n’est pas pénalisant pour le référencement, car cela reste un gadget externe.

      A bientôt !

  3. Bonjour,

    Je suis en Prestashop 1.6.1

    Mal grès avoir activé les iframes, quand j’enregistre ma page CMS j’ai un message d’erreur : Le champ content est invalide.

    Quelqu’un pour m’aider ? svp

    1. Bonjour,

      A désactiver aussi l’option « Utiliser la bibliothèque HTMLPurifier », par contre s’il y a du « Javascript » je crois qu’une modification du modèle est nécessaire.

      A bientôt !

    1. Bonjour,

      C’est juste l’option HTTPS est payante (me semble que c’était pas le cas avant)… mais ça reste moins cher que d’acheter un module Prestashop.

      A bientôt !

  4. Bonjour,
    Avez-vous une solution pour adapter votre tuto a la version 1.7.6? Malgré les adaptations apportées par Magvore, je n’arrive pas à l’intégrer sur une seule page.

  5. Je corrige…J’ai trouvé la solution.

    {block name=’LightWidget’} corrigé en {block name=’LightWidget’}

    Il y avait des apostrophes au lieu de guillemets simple.

    Merci pour vos tutos ils sont justes magnifiquement fait.

Laisser un commentaire

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