LE 1ER MÉDIA DIGITAL DÉDIÉ AUX E-COMMERÇANTS POUR LANCER ET PÉRENNISER LEUR SITE E-COMMERCE

Pour ne louper aucun de nos articles, recevoir nos contenus gratuits, inscrivez-vous en cliquant ci-dessous.

Comment intégrer une vidéo dans mon site PrestaShop ?

Comment intégrer une vidéo dans mon site PrestaShop ?

Vous souhaitez insérer une vidéo dans votre fiche produit PrestaShop ? Ou dans une page catégorie ?

Voici le tutoriel pour intégrer une vidéo sur votre site PrestaShop.

 

Instructions pour insérer une vidéo dans PrestaShop

Autoriser les iframes dans les paramètres de votre boutique

1/ Allez dans Paramètres de la boutique > Paramètres généraux

2/ Passez l’option “Autoriser les iframes dans les champs HTML” à Oui

autoriser-iframe-video-dans-prestashop

Ajouter la vidéo dans une fiche produit ou une page catégorie

1/ Importer votre vidéo dans un service de vidéo en ligne (Dailymotion, Vimeo, PeerTube, YouTube …) le cas échéant et la rendre publique.

2/ Une fois que la vidéo est visible sur la plateforme, allez sur la page de la vidéo (pour notre exemple : https://www.youtube.com/watch?v=8oJEV_fcNwI )

  • Cliquez sur le bouton Partager sous la vidéo à droite

partager-video-youtube-dans-prestashop

  • Cliquez sur Intégrer

bouton-integrer-video-youtube-dans-prestashop

  • Cliquez sur le bouton Copier sous le code d’intégration

recuperer-code-html-video-youtube-dans-prestashop

3/ Connectez-vous à l’administration de votre site PrestaShop & Rendez-vous sur la page produit ou catégorie de votre site où vous souhaitez intégrer la vidéo.

4/ Une fois que vous avez cliqué sur le bouton Modifier votre page, vous trouverez un éditeur de texte pour saisir le contenu (description des produits, contenu de la page…). Ici suivez ces 3 étapes :

  • Mettez le curseur où vous souhaitez intégrer la vidéo. Cliquez sur l’icône Insérer une vidéo.

emplacement-media-video-youtube-dans-prestashop

  • Cliquez sur l’onglet “Insérer” puis collez le code copié sur la plateforme vidéo. Appuyez sur OK.

inserer-media-video-youtube-dans-prestashop

  • Vous avez alors un cadre gris qui va simuler l’emplacement de la vidéo.

ajout-media-video-youtube-dans-prestashop

5/ Enregistrez votre page produit/catégorie. C’est tout bon !

 

Ce tutoriel fonctionne également sur les pages de CMS. En effet, cette méthode fonctionne n’importe où sur votre site, à partir du moment où vous avez un éditeur de texte.
Comment mettre un document PDF en téléchargement sur mon site PrestaShop ?

Comment mettre un document PDF en téléchargement sur mon site PrestaShop ?

Vous souhaitez proposer un catalogue, une recette, un tutoriel sous format PDF en téléchargement à vos internautes ?

Voici le tutoriel pour mettre en téléchargement un document PDF sur votre site PrestaShop.

 

Instructions pour mettre un doc. PDF en téléchargement

1/ Allez dans Apparence > Page de contenu (CMS)

2/ Créez une nouvelle page CMS ou modifiez-en une déjà existante

3/ Rendez-vous à la section Contenu de la page avec l’éditeur de texte.

4/ Insérez le texte qui va servir de lien pour télécharger le document PDF.

Par exemple, « Cliquez-ici pour télécharger… » ou « Voir le document … en cliquant ici » et surlignez-le avec la souris. Cliquez ensuite sur le bouton Insérer/éditer lien. 

contenu-page-CMS-prestashop

5/ Si votre document PDF est hébergé sur un serveur distant, collez dans le cadre l’URL du document. Sinon cliquez sur le bouton Parcourir.

inserer-lien-page-CMS-prestashop

6/ Dans le gestionnaire de fichier qui vient de s’ouvrir, sélectionnez le PDF si vous l’avez déjà utilisé sur le site. Sinon, cliquez sur le bouton + pour ajouter un fichier.

ajout-fichier-media-prestashop

7/ Cliquez dans le cadre gris ou faites glisser le PDF dans le cadre gris. Puis une fois que le transfert est fini, cliquez sur Revenir à la liste des fichiers.

glisser-deposer-fichier-prestashop

8/ Cliquez sur le PDF que vous venez de transférer et le lien va venir se mettre en place automatiquement dans la petite popup du début.

9/ Sélectionnez “Cible : nouvelle fenêtre” pour que le PDF s’ouvre dans une nouvelle page et que l’internaute ne perde pas la page où il était.

inserer-lien-nouvelle-fenetre-prestashop

10/ Enregistrez la page CMS et c’est fini !

 

Ce tutoriel fonctionne également sur les pages de produits et de catégories. En effet, cette méthode fonctionne n’importe où sur votre site, à partir du moment où vous avez un éditeur de texte.