API et SDK EyeSpy360

Que sont les visites virtuelles EyeSpy360™ ?


Visites virtuelles à 360 degrés entièrement immersives de propriétés, bateaux, hôtels et plus encore, que les utilisateurs créent et publient eux-mêmes à l'aide de l'éditeur de visite virtuelle rapide et simple EyeSpy360 ™ . Jetez un œil à 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>


C'est pour qui ?


Vous exploitez déjà un système de gestion d'annonces immobilières dans lequel vos utilisateurs créent, modifient et publient des annonces immobilières. Ces listes incluent des descriptions et des images, et vous souhaitez donner à vos utilisateurs la possibilité de créer des visites virtuelles à 360°.


Comment ça marche?


Vous avez probablement déjà un champ de formulaire d'URL de visite virtuelle pour l'enregistrement de données de votre annonce immobilière et le formulaire de modification. Si ce n'est pas le cas, créez-en un d'abord. Ajoutez le code d'intégration d'une ligne EyeSpy360 ™ Widget et définissez le paramètre cible sur l'ID du champ de saisie HTML pour l'URL de la visite virtuelle, par exemple <input id="virtualTourURL" . Le widget placera automatiquement un bouton Éditeur de visite virtuelle après le champ de saisie.



Lorsqu'un utilisateur clique sur le bouton de l'éditeur de visite, l'éditeur de visite EyeSpy360 ™ apparaît dans la même page Web sous la forme d'une fenêtre contextuelle de 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 renseignée dans le champ du formulaire URL de la visite virtuelle spécifié par le paramètre widget cible. L'éditeur de visite se ferme lorsque l'utilisateur clique sur le bouton Fermer en haut à droite, ou si l'utilisateur clique en dehors de l'éditeur de visite, où le site Web principal est toujours visible dans la marge contextuelle de 5 %.


Vous stockerez ensuite la valeur de l'URL de la visite virtuelle dans votre base de données avec tous les autres champs modifiés par l'utilisateur, au fur et à mesure que l'utilisateur enregistre ses modifications.


Paramètres des widgets


clé, secret - Obligatoire. Les champs clé et secret sont affichés dans la section "Paramètres -> Identifiants API" sur 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 stockerez déjà vos propriétés dans un magasin de données sous un identifiant unique. Utilisez-le ici.

cible - Obligatoire. L'ID du champ de saisie HTML que l'éditeur de visite virtuelle EyeSpy360 ™ mettra l'URL de la visite.

agent - Facultatif. Si votre système de gestion immobilière est multi-utilisateurs ou même multi-sociétés, veuillez définir ce champ sur un nom d'utilisateur ou de société. Cela vous aidera à suivre quelles visites appartiennent à quel agent dans le backend EyeSpy360 ™ . Exemple : Jon Doe, Jane Doe, Doe Estates

visite - Facultatif. Nom de la visite virtuelle . Définissez-le sur le titre de votre annonce de propriété, afin que vos utilisateurs n'aient pas besoin de le saisir à nouveau dans l'éditeur de visite. Exemple : Maison Cavendish

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 des boutons du widget


Vous souhaiterez certainement modifier l'apparence du bouton "Éditeur de visite" pour qu'il corresponde à l'apparence de 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 : 10 px ;
}


SDK de visite virtuelle Android


Vous pouvez également intégrer l'éditeur de visite EyeSpy360 ™ directement dans votre application Android. Jetez un œil au SDK sur https://github.com/eyespy360/Virtual-Tour-Android-SDK


SDK de visite virtuelle iOS


Vous pouvez également intégrer l'éditeur de visite EyeSpy360 ™ directement dans votre application iOS. Jetez un œil au SDK sur : https://github.com/eyespy360/Virtual-Tour-iOS-SDK


Contenu du test


Images panoramiques et plans d'étage :

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


Comment intégrer les visites dans mes annonces immobilières publiées ?


Intégration dans une iframe :

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


Où VirtualTourURL est la valeur de votre magasin de données. Ajustez la largeur et la hauteur en fonction de votre conception.