Comment ajouter un GIF sur ma boutique ?

ezgif.com-gif-maker__1_.gif

 

Pour illustrer certaines spécificités d'utilisation d'un produit ou bien simplement pour animer votre boutique, l'ajout d'un GIF sur votre boutique peut s'avérer très utile.

Prérequis

Pour ajouter un GIF sur votre site, il sera nécessaire dans un premier temps qu'il soit hébergé dans votre gestionnaire d'images WiziShop/Dropizi, ou sur un serveur externe de type de Giphy.com. 

  • Consultez notre tutoriel d'aide dédié au gestionnaire d'images pour y télécharger un GIF. À noter : Le poids maximum accepté par le système Wizishop/Dropizi pour les GIFs est de 200 Ko. 
  • Pour ajouter un GIF depuis un serveur externe type Giphy.com, recherchez le GIF que vous souhaitez afficher sur votre boutique dans la barre de recherche du site, puis cliquez sur "Copy link" ou copiez le "GIF link" dans votre presse-papier :

 

mceclip2.png

 

Vous pourrez ensuite coller cette URL dans le mode Source de la rubrique dans laquelle vous souhaitez ajouter votre GIF. Nous allons voir plus bas comment accéder à ce mode dans chaque rubrique de l'administration WiziShop/Dropizi.

La procédure pour ajouter votre GIF sera sensiblement la même dans chaque rubrique. Il faudra entrer dans le mode Source du bloc texte dans lequel vous souhaitez l'ajouter, et insérer une balise GIF.  Le format de la balise sera le suivant :

  <img src="url_de_limage.gif" alt="Nom de l'image" />

 Les éléments en bleu seront à adapter selon le GIF :

  •  L'url_de_limage.gif correspond au lien du GIF (ou "GIF link" copié plus haut)
  •  Le Nom de l'image devra être renseigné par vos soins. Une courte description du GIF est généralement recommandée.

Voyons maintenant comment ajouter cette balise GIF dans le mode Source de :

  • Vos fiches produits
  • Vos pages catégories
  • Vos articles de blog
  • Votre page d'accueil
  • Vos pages informatives

 

Comment ajouter un GIF dans une fiche produit ? 

Rendez-vous dans la rubrique Produits > Listes des Produits, puis sur la fiche produit concernée. Dans l'onglet "Informations", section "Description longue", cliquez sur le bouton "Source" du bloc texte.

mceclip0.png

 

Insérez votre balise <img src="url_de_limage.gif" alt="Nom de l'image" /> comme détaillé plus haut. Puis enregistrez vos modifications (veillez à bien cliquer sur Enregistrer dans le bloc texte, puis sur Appliquer les modifications en haut de votre fiche produit)

 

Comment ajouter un GIF dans une catégorie ? 

Dans la rubrique Produits > Catégories, sélectionnez la catégorie voulue (roue crantée Modifier la catégorie) :

mceclip0.png

 

 Puis ajoutez un bloc Texte ou Texte image :

 

2021-05-05_16h32_11.png

 

Cliquez sur le bouton "Source"

 

mceclip6.png

Insérez votre balise <img src="url_de_limage.gif" alt="Nom de l'image" /> et enregistrez vos modifications (bouton Enregistrer dans le bloc texte, puis Publiez sur le site en bas de page) :

 

mceclip7.png

 

Comment ajouter un GIF dans un article de blog? 

Dans la rubrique Contenu > Blog > Vos articles, sélectionnez l'article dans lequel vous souhaitez ajouter votre GIF :

 

2021-05-05_16h41_39.png

 

Cliquez sur le bouton "Source" dans le bloc texte :

2021-05-05_16h43_01.png

Insérez votre balise puis Enregistrez et Publiez l'article sur le blog.

2021-05-05_16h46_32.png

 

Comment ajouter un GIF sur la page d'accueil ou sur une page informative ? 

L'ajout d'un GIF dans les rubriques opérant sur les WiziBlocks (page d'accueil et pages informatives) se fera par le biais du Wiziblock : Code HTML:

 

mceclip10.png

 

Ajoutez simplement un WiziBlock Code HTML sur votre page d'accueil ou page informative, puis insérez votre balise <img src="url_de_limage.gif" alt="Nom de l'image" /> comme détaillé plus haut. 

 

mceclip11.png

 

Validez cette modification en cliquant en haut à droite sur "Enregistrer" et/ou "Publier".

 

 

💬 N’hésitez pas à contacter vos Business Coachs si vous avez des questions !