EyeSpy360 API et SDK

Que sont les visites virtuelles EyeSpy360 ™?


Des solutions complètes à 360 degrés de propriétés, bateaux, hôtels et autres, que les utilisateurs créent et publient eux-mêmes à l'aide de l'éditeur de visite virtuelle EyeSpy360 ™, simple et rapide. Jetez un oeil à notre vidéo de démonstration sur https://www.eyespy360.com . C'est vraiment très simple.


Qu'est-ce que le widget HTML EyeSpy360 ™?


Le widget EyeSpy360 est une API / SDK qui vous permet d'ajouter la création et la publication de visites virtuelles à votre propre éditeur de listes de propriétés. C'est aussi simple que d'ajouter une seule ligne de code:


 <script src = "https://e3.eyespy360.com/widget/virtual-tours.1.0.2.js?key=1234&secret=ABCDEF&externalTourID=myPropertyID&target=virtualTourURL"> </ script> 


Pour qui est-ce?


Vous exploitez déjà un système de gestion des listes de propriétés dans lequel vos utilisateurs créent, modifient et publient des listes de propriétés. Ces listes contiennent des descriptions et des images, et vous souhaitez donner à vos utilisateurs la possibilité de créer 360 visites virtuelles.


Comment ça marche?


Vous avez probablement déjà un champ de formulaire d'URL de visite virtuelle pour votre enregistrement de données et votre formulaire de modification. Sinon, créez-en un en premier. Ajoutez le code intégré à une ligne EyeSpy360 Widget et définissez le paramètre cible sur l'ID du champ de saisie HTML pour l'URL du tour virtuel, par exemple <input id="virtualTourURL" . Le widget placera automatiquement un bouton Virtual Tour Editor après le champ de saisie.



Lorsqu'un utilisateur clique sur le bouton Tour Editor, l'éditeur de tournée EyeSpy360 apparaît dans la même page Web sous la forme d'une fenêtre contextuelle 95% x 95%. L'utilisateur télécharge les images 360, les relie via leurs entrées et sorties, prévisualise la visite virtuelle et clique sur "Publier". L'URL publiée est automatiquement entrée dans le champ de formulaire d'URL de visite virtuelle spécifié par le paramètre de widget cible. L'éditeur de visites se ferme lorsque l'utilisateur clique sur le bouton Fermer en haut à droite, ou si l'utilisateur clique en dehors de l'éditeur de visites, où le site Web principal est toujours visible dans la marge de 5%.


Vous allez ensuite stocker la valeur de l'URL de visite virtuelle dans votre base de données avec tous les autres champs que l'utilisateur a modifiés, car l'utilisateur enregistre ses modifications.


Paramètres du widget


clé, secret - Obligatoire. Les champs clés et secrets sont affichés dans la section "Paramètres -> Informations d'identification de l'API" du site https://e3.eyespy360.com . Vous n'avez pas de compte EyeSpy360 ? Obtenez-en un gratuitement

externalTourID - Obligatoire. Un identifiant unique fourni par vous. Longueur maximale 36 caractères. Vous allez déjà stocker vos propriétés dans un magasin de données sous un identifiant unique. Utilisez ça ici.

target - Obligatoire. L'ID du champ de saisie HTML que l'éditeur EyeSpy360 Virtual Tour mettra l'URL de la visite.

agent - Facultatif. Si votre système de gestion de propriété est multi-utilisateur ou même multi-entreprise, veuillez définir ce champ pour un utilisateur ou un nom de société. Cela vous aidera à déterminer quels circuits appartiennent à quel agent dans le backend EyeSpy360 . Exemple: Jon Doe, Jane Doe, Doe Estates

tour - Facultatif. Nom de la visite virtuelle Définissez-le sur le titre de votre fiche de propriété, afin que vos utilisateurs n'aient pas besoin de l'entrer à nouveau dans l'éditeur de la tournée. Exemple: Cavendish House

hl - Facultatif. Langue de l'interface. Les valeurs prises en charge sont ar, bg, de, en, es, fr, nl, pt, ru, th, zh. Par défaut à 'en'


Personnalisation du bouton Widget


Vous voudrez certainement changer la façon dont le bouton «Tour Editor» ressemble à votre propre site Web. Vous pouvez le faire en appliquant n'importe quel CSS que vous aimez à l'élément eyespy360_btn. Exemple:

 # eyespy360_btn {

  La couleur rouge;

  font-weight: gras;

  marge gauche: 10px;

}


SDK Android Virtual Tour


Vous pouvez également emmener l'éditeur de visites EyeSpy360 directement dans votre application Android. Jetez un oeil sur le SDK à https://github.com/eyespy360/Virtual-Tour-Android-SDK


iOS Virtual Tour SDK


Vous pouvez également intégrer le EyeSpy360 tour Editor directement dans votre application iOS. Jetez un oeil sur le SDK à: https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Test de contenu


Images panoramiques et plans d'étage:

https://www.eyespy360.com/downloads/EyeSpy360_Test_Images.zip


Comment intégrer les visites dans mes listes de propriétés publiées?


Incorporation dans un iframe:

 <iframe width = "640" height = "390" src = "virtualTourURL" allowfullscreen> </ iframe>


VirtualTourURL est la valeur de votre magasin de données. Ajustez la largeur et la hauteur pour correspondre à votre conception.