Comment intégrer et ajouter des vidéos dans la description de produit PrestaShop

Vidéo dans la PrestaShop description du produit offre une vue d'ensemble détaillée des articles que vous vendez sur le magasin. Elles sont préférées par les détaillants car elles aident à captiver les clients et à créer une expérience d'achat positive.

L'intégration vidéo du produit PrestaShop vous permet d'inclure la vidéo nécessaire hébergée sur Vimeo ou YouTube et de la publier sur vos pages de produits. Les gens peuvent alors regarder des tutoriels directement à cette page sans avoir à se déplacer vers un site de partage de vidéos.

Store Manager for PrestaShop vous aide à améliorer l'engagement des utilisateurs en simplifiant le processus global d'intégration de la vidéo du PrestaShop produit, que ce soit manuellement dans le profil d'édition du produit ou massivement via l'importation.

1) Insérer une vidéo via le formulaire d'édition de produit ou la grille inférieure

La description du produit est accessible dans le bas de la grille du produit sélectionné ainsi que dans le formulaire d'édition.

1. Ouvrez le produit auquel vous souhaitez ajouter une vidéo en mode édition dans l'application.


2. Basculer vers l'onglet 'Description et Meta' dans le formulaire d'édition.


3. Ouvrez l'éditeur HTML et cliquez sur l'icône de la vidéo dans la barre d'outils.




4. Insérez l'URL de la vidéo dans le champ ci-dessous et ajustez les paramètres dans l'onglet 'Général' si nécessaire.




5. Enregistrez les modifications et vérifiez si la vidéo s'affiche dans l'éditeur.



[quote color="green"]Si vous avez déjà un code de vidéo intégré, vous pouvez l'ajouter à la description du produit via l'éditeur HTML brut. Pour passer à l'éditeur HTML brut, appuyez sur le bouton correspondant comme indiqué dans l'image ci-dessous et collez le code d'intégration PrestaShop de la vidéo du produit.[/quote]



Pour accéder au code d'intégration vidéo de PrestaShop produit, allez sur la page du vidéo (sur YouTube ou Vimeo) et cliquez sur le bouton 'Partager'. Ensuite, naviguez vers la section aperçu avec des options supplémentaires qui vous permettent de personnaliser le code d'intégration. Si nécessaire, apportez les ajustements nécessaires et copiez le code HTML.





2) Ajouter en masse des vidéos par importation

Les vidéos peuvent être ajoutées à plusieurs produits d'un coup via l'importation. Si le code d'intégration de la vidéo avec tous les paramètres nécessaires est fourni pour chaque produit dans le fichier d'importation, vous pouvez l'uploader sur PrestaShop en utilisant une procédure d'upload habituelle via le wizard.




En recevant des flux de données provenant de sources externes, vous avez souvent une URL vidéo brute dans une colonne de fichier séparée, comme c'est montré ci-dessous. Cela semble compliquer la tâche d'ajouter une vidéo à la description du produit PrestaShop, car les balises HTML sont manquantes.






Store Manager permet d'intégrer le code vidéo et de l'ajouter à la description du produit directement lors de la configuration des paramètres d'importation en créant une formule SQL spéciale pour concaténer les détails provenant de différentes colonnes, en entourant la vidéo par un iframe tag HTML.


[quote] CONCAT([CSV_COL(x)],'<div class="post__iframe"><iframe loading="lazy" src="',[CSV_COL(y)],'" frameborder="0" width="400" height="250"></iframe></div>') ! Note, that x, y should be replaced to correct columns numbers! [/quote]



Lors de la configuration des paramètres d'importation dans le wizard, vous devez ajouter cette expression sur la page 'Assigner les colonnes CSV aux champs de base de données' pour le champ 'Description'.

1. Cliquez sur le bouton 'Éditeur' à côté du champ 'Description'.




2. Insérez l'expression fournie ci-dessus.




3. Exécutez l'instruction pour vous assurer qu'elle est correcte.





PrestaShop import de produits est effectué, les vidéos seront ajoutées à la description des PrestaShop pour tous les articles que vous avez dans le fichier source.