+33 (0)9 79 36 16 30
Plugin 360 WordPress

Plugin 360 WordPress

Plugin 360 WordPress
easystory360 Ultimate

 

Bienvenue sur la page officiel du plugin Easystory360 Ultimate pour WordPress.

Ce plugin vous permet d’intégrer facilement vos stories VR360 immersives sur votre site WORDPRESS, quel que soit votre thème ou constructeur (Divi, Elementor, éditeur classique, Gutenberg).

Pour tester les différents éléments présentés ci-dessous, si vous n’avez pas encore de compte easystory360, vous pouvez utiliser ce lien de Story :

https://viewer.easystory360.tools/viewer/-OUdum3R4toniFfeazfE/3

 

1. Installation du plugin 360 WordPress

plugin 360 wordpress

 

 

2. Ajouter une Story avec le Générateur de code

Le plugin inclut un générateur de code HTML pour vos stories Easystory360, accessible dans le menu latéral de l’admin WordPress, rubrique “Easystory360 Generator”.

  1. Ouvrez Easystory360 Generator dans l’admin.
  2. Collez l’URL de votre story (format : https://viewer.easystory360.tools/viewer/[ID]).
  3. Définissez les options : largeur, hauteur, ratio, bouton plein écran…
  4. Cliquez sur Générer le code HTML.
  5. Un code est affiché : cliquez sur Copier.
  6. Collez ce code dans n’importe quel module HTML de Divi, Elementor, ou Gutenberg (bloc HTML).

 

3. Utiliser le widget Easystory360

Vous pouvez ajouter une Story VR dans n’importe quelle sidebar ou footer de votre site via le widget intégré.

  1. Dans l’admin WordPress, rendez-vous dans Apparence > Widgets.
  2. Ajoutez le widget Easystory360 Story à l’endroit désiré.
  3. Renseignez l’URL de votre story et les options d’affichage (taille, ratio, bouton plein écran).
  4. Enregistrez : la Story VR apparaît directement dans la zone sélectionnée.

 

4. Ajouter une Story dans l’éditeur classique (TinyMCE)

Le plugin ajoute un bouton dédié dans l’éditeur classique (TinyMCE, “Ajouter un média” au-dessus de la zone de texte).

  1. Cliquez sur le bouton Easystory360 (icône orange ou caméra vidéo).
  2. Renseignez les paramètres de votre story.
  3. Cliquez sur Insérer : le code s’ajoute automatiquement à l’article ou la page.

 

5. Utilisation dans DIVI, Elementor, Gutenberg…

Le code HTML généré par le plugin est compatible avec tous les constructeurs de pages :

  • DIVI : Ajoutez un module “Code” ou “HTML” et collez le code.
  • Elementor : Utilisez un widget “HTML” pour intégrer la story.
  • Gutenberg : Ajoutez un bloc “HTML personnalisé” et collez le code généré.

Les options d’affichage (taille, ratio, bouton plein écran) restent actives partout.

 

 

6. Options disponibles

Vous pouvez personnaliser l’affichage de chaque story :

  • width : Largeur (ex : 100%, 400px, 60vw)
  • height : Hauteur (ex : 400px, 60vh)
  • ratio : Ratio d’aspect (ex : 16:9, 4:3)
  • Plein écran : Afficher le bouton de passage en plein écran sur la story

Astuce : Le ratio prend la priorité sur la hauteur si les deux sont définis.

 

7. Internationalisation (FR / EN)

Le plugin détecte automatiquement la langue de votre site WordPress.

Tous les textes, boutons et notices sont affichés en français ou en anglais selon la langue de l’admin.

 

 

8. Exemples de code

Voici un exemple généré par le plugin, qui sera à coller dans un module HTML :

<div class="es360u-story-embed" style="position:relative;width:100%;height:400px;">
  <iframe id="es360u-iframe-demo"
          src="https://viewer.easystory360.tools/viewer/votre-ID"
          allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; microphone"
          allowfullscreen
          style="position:absolute;top:0;left:0;width:100%;height:100%;border:0;">
  </iframe>
  <button type="button"
          class="es360u-fullscreen-btn"
          onclick="easyul_fullscreen_handler('es360u-iframe-demo')">
    &#x26F6;
  </button>
</div>

Le code votre-ID sera remplacé par l’identifiant de votre story, par exemple pour la Story :
https://viewer.easystory360.tools/viewer/-OUdum3R4toniFfeazfE/3 

 

votre-ID = -OUdum3R4toniFfeazfE/3

En insérant le code complet, vous obtenez ceci :


 

9. Support et FAQ

Pour toute question, consultez la documentation sur explorations360.com

ou contactez l’équipe support si besoin.

Bonne création immersive avec Easystory360 !

 

 

 

 

Créer 1 expérience 360 gratuitement

Créer 1 expérience 360 gratuitement

Créer 1 expérience 360 gratuitement

Charger des medias dans la bibliothèque

Créer une 1 story

Publier la Story 360

  •  

Pour créer 1 expérience 360 gratuitement, avec notre plateforme, il vous faut juste :

  1. Charger vos images, vidéos, … dans la bibliothèque
  2. Créer la ou les scènes de votre Story
  3. Cliquer le bouton partager

Dans cette vidéo tutorielle sur exploration360, nous vous guidons à travers les étapes pour créer votre propre contenu 360, de l’inscription gratuite sur notre plateforme à la publication de vos expériences immersives virtuelles ou diaporamas 360.

Apprenez à charger vos images 360, à utiliser la section Stories pour scénariser votre contenu, et découvrez les options de diffusion disponibles. Que ce soit pour une utilisation web ou dans des casques VR, ce guide vous fournit les bases nécessaires pour commencer, ainsi que des astuces pour enrichir vos créations.

Rejoignez-nous pour explorer les fonctionnalités avancées d’exploration360 et partagez vos expériences avec le monde en vous abonnant à notre chaine Youtube.

 

Scène 360 : créer un lien entre 2 scènes

Scène 360 : créer un lien entre 2 scènes

Scène 360 : créer des liens avec easystory 360

  •  

Dans vos stories, vous allez pouvoir passer d’une scène à l’autre en ajoutant un simple bouton. C’est un des éléments de base de la visite virtuelle, de la formation immersive ou de l’animation culturelle par exemple. Ce tutoriel express vous montre comment faire en allant à l’essentiel. Pour un tutoriel complet et des astuces 360, abonnez-vous à notre chaine Youtube.

Pour créer une story, cliquer ici !

Publier 1 story 360

Publier 1 story 360

Publier 1 story 360 avec… easystory 360

  •  

Pour publier et partager du contenu 360 avec notre plateforme, il faut juste créer une Story et activer sa visibilité pour le web ou pour casques VR. Ce tutoriel express vous montre comment faire en allant à l’essentiel. Pour un tutoriel complet et des astuces 360, abonnez-vous à notre chaine Youtube.

Pour créer une story, cliquer ici !

Créer 1 story 360 et 1 scène

Créer 1 story 360 et 1 scène

CRéer une story sur easystory 360

  •  

Pour partager du contenu 360 avec notre plateforme, il faut juste créer une Story. Ce tutoriel vous montre comment faire en allant à l’essentiel. Pour un tutoriel complet et des astuces 360, abonnez-vous à notre chaine Youtube.

Pour savoir comment publier une story, cliquer ici !

Lancement Abécédaire de la VR

Lancement Abécédaire de la VR

Définition VR

Lancement d’une playlist sur notre chaîne Youtube pour lister les principales définitions des métiers de la VR, de l’immersion et de l’imagerie 360°. Avatar, Bracketing, Binoculaire, …, Equirectangulaire, …, Stéréoscopie, Monoscopie, … tous les termes sont présentés dans des vidéos courtes et illustrées.

Playlist du vocabulaire de la réalité virtuelle

Playlist du vocabulaire de la réalité virtuelle en VIDEO

definition VR
définition Bracketing

etc…

Vocabulaire de la réalité virtuelle

terminologie en français pour désigner les principaux concepts liés à la réalité virtuelle et aux technologies apparentées

Notez en complément le superbe travail de l’Office Québécois de la langue française :

Les innovations liées à la réalité virtuelle et à la réalité augmentée ne cessent de se multiplier, tout comme les possibilités offertes par ces technologies. Les images de synthèse associées à diverses interfaces permettent désormais une immersion dans des mondes virtuels parfois d’un réalisme saisissant. Et au-delà de leurs applications ludiques, ces technologies trouvent de nouveaux usages dans de nombreuses autres sphères d’activité, comme le tourisme, la formation, la médecine, la robotique, l’industrie ou l’architecture.

L’Office québécois de la langue française, en partenariat avec le Laboratoire de recherche en infographie et réalité virtuelle/augmentée (LIRV) de Polytechnique Montréal ainsi qu’avec le Centre en imagerie numérique et médias interactifs (CIMMI), met à votre disposition la terminologie en français pour désigner les principaux concepts liés à la réalité virtuelle et aux technologies apparentées.

C’est ici ! Clic

Les liens ci-dessous s’ouvriront dans une nouvelle fenêtre.

 

  1. A
    1. affichage tête haute
    2. aide logicielle comportementale
    3. autostéréoscopie
    4. autostéréoscopique
    5. avatar
  2. B
    1. biocapteur
    2. bras à retour d’effort
    3. bureau immersif
  3. C
    1. canal sensoriel
    2. capteur
    3. capteur de localisation
    4. capteur de position
    5. capteur sensitif
    6. capture de mouvement
    7. champ visuel
    8. clone
    9. combinaison numérique
    10. conception assistée par la réalité virtuelle
    11. conflit visuovestibulaire
    12. cybercinétose
  4. D
    1. degré de liberté
    2. degré d’immersion
    3. dispositif d’affichage tête haute
  5. E
    1. écran monoscopique
    2. écran stéréoscopique
    3. effet de réalité
    4. environnement multisensoriel
    5. environnement virtuel collaboratif
    6. environnement virtuel en 3D
    7. exomain
    8. exosquelette
  6. F
    1. fenêtre immersive
  7. G
    1. gant haptique
    2. gant numérique
  8. H
    1. haptique
  9. I
    1. image 3D
    2. image de synthèse
    3. image stéréoscopique
    4. image virtuelle
    5. immersif
    6. immersion
    7. immersion du regard
    8. immersion mentale
    9. immersion partielle
    10. immersion pseudonaturelle
    11. immersion sensorielle
    12. immersion totale
    13. incohérence sensorimotrice
    14. infohaptie
    15. interaction
    16. interaction en temps réel
    17. interfaçage
    18. interface à action mécanique
    19. interface à retour d’effort
    20. interface à retour tactile
    21. interface à retour thermique
    22. interface à sensibilité cutanée
    23. interface à simulation de climat
    24. interface à simulation de mouvement
    25. interface auditive
    26. interface comportementale
    27. interface de commande
    28. interface de locomotion
    29. interface de modélisation
    30. interface de réalité virtuelle
    31. interface gustative
    32. interface labiale
    33. interface motrice
    34. interface olfactive
    35. interface sensorielle
    36. interface sensorimotrice
    37. interface visuelle
    38. interface visuelle à support fixe
    39. interface visuelle portable
  10. L
    1. logiciel de réalité virtuelle
    2. lunettes 3D actives
    3. lunettes 3D passives
    4. lunettes stéréoscopiques
  11. M
    1. main virtuelle
    2. maquette virtuelle
    3. métaphore
    4. monde virtuel
    5. moteur de réalité virtuelle
    6. multisensoriel
  12. P
    1. perception cutanée
    2. perception haptique
    3. présence
    4. primitive comportementale virtuelle
    5. prototype virtuel
  13. R
    1. réalité augmentée
    2. réalité étendue
    3. réalité mixte
    4. réalité virtuelle
    5. réalité virtuelle distribuée
    6. réponse motrice
    7. réponse sensorielle
    8. retour d’effort
    9. retour tactile
    10. retour thermique
  14. S
    1. salle immersive
    2. schème comportemental importé
    3. son spatialisé
    4. souris 3D
    5. spatialisation sonore
    6. stimulus sensoriel
    7. substitution sensorielle
    8. système de réalité augmentée
    9. système de réalité virtuelle
    10. système de suivi de tête
    11. système vestibulaire
  15. T
    1. tâche d’interaction
    2. technique d’interaction
    3. technologie immersive
    4. télévirtualité
    5. temps de latence
    6. transparence
  16. V
    1. vidéolunettes
    2. virtualité
    3. visiocasque
    4. vision monoscopique
    5. voxel