Aller au contenu

🌐 COMMENT INTÉGRER ET LANCER AUTOMATIQUEMENT VOTRE DIAPORAMA SUR VOTRE SITE WEB

Pour qu’un diaporama se lance automatiquement sous les yeux de vos visiteurs directement sur votre site, vous avez deux solutions professionnelles.

Méthode 1 : Utiliser le fichier HTML interactif que nous avons créé (La méthode la plus rapide et moderne)

Puisque nous avons gĂ©nĂ©rĂ© ensemble les fichiers presentation_calcul_ir.html et presentation_calcul_ir_ar.html, vous possĂ©dez dĂ©jĂ  une prĂ©sentation entiĂšrement codĂ©e pour le web. Elle est ultra-rapide, s’adapte aux mobiles et ne demande aucun plug-in.

Comment faire ?

  1. Importez le fichier .html sur le serveur de votre site web (via FTP ou le gestionnaire de fichiers de votre hébergeur).
  2. IntĂ©grez-le dans n’importe quelle page de votre site en utilisant une balise <iframe> (un cadre web).

Voici le code à insérer dans le code HTML de votre page :

<iframe 
    src="https://votresite.com/presentation_calcul_ir_ar.html" 
    width="100%" 
    height="720px" 
    style="border: none; border-radius: 12px; box-shadow: 0 10px 25px rgba(0,0,0,0.3);"
    allowfullscreen>
</iframe>

Remplacez simplement https://votresite.com/... par l’adresse rĂ©elle de votre fichier.

Méthode 2 : Intégrer directement votre PowerPoint via Microsoft OneDrive (La méthode officielle de Microsoft)

Si vous tenez absolument Ă  utiliser votre fichier PowerPoint (.pptx ou .ppsx) et conserver toutes vos animations PowerPoint d’origine, vous pouvez utiliser le lecteur web officiel de Microsoft.

Étape 1 : Obtenir le code d’intĂ©gration

  1. Connectez-vous sur votre espace OneDrive personnel ou professionnel (ou SharePoint).
  2. Importez votre fichier de présentation.
  3. Ouvrez le fichier directement dans votre navigateur (PowerPoint Online).
  4. Cliquez sur Fichier en haut à gauche, puis sur Partager et choisissez Intégrer.
  5. Une fenĂȘtre s’ouvre :
    • Choisissez la taille d’affichage de votre choix.
    • TrĂšs important : Cochez la case « DĂ©marrer automatiquement le diaporama » (cela va configurer la lecture automatique).
  6. Copiez le code HTML généré (il commence par <iframe...).

Étape 2 : Coller le code sur votre site

Allez sur l’Ă©diteur de votre site internet (WordPress, Wix, Webflow ou votre code HTML) :

  1. Ajoutez un bloc de type HTML personnalisé / Code Embed.
  2. Collez le code copié depuis OneDrive.

Le code ressemblera Ă  ceci :

<iframe src="https://onedrive.live.com/embed?cid=...&amp;wdStartOnFirstSlide=true&amp;wdAutoAdvance=3" width="960" height="565" frameborder="0" scrolling="no"></iframe>

(Notez la mention wdStartOnFirstSlide=true et wdAutoAdvance=3 dans le lien qui force le démarrage automatique et le passage des diapositives toutes les 3 secondes).

💡 Quelle mĂ©thode choisir ?

  • Choisissez la MĂ©thode 1 (HTML) si vous voulez un affichage ultra-rapide, parfaitement adaptĂ© aux tĂ©lĂ©phones portables, et totalement personnalisĂ© aux couleurs de votre marque sans logo Microsoft dans les coins.
  • Choisissez la MĂ©thode 2 (OneDrive) si vous avez beaucoup d’animations ou d’effets visuels propres Ă  PowerPoint que vous souhaitez absolument conserver.

Laisser un commentaire

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