Les visuels 3D interactifs Emersya plongent vos clients dans une expérience au plus proche de celle qu'ils pourraient vivre en boutique, tout en l'enrichissant et en plaçant le produit au cœur de l'expérience d'achat.
Ils permettent aux internautes d'interagir pleinement avec les produits, ce qui les rend ainsi acteurs de l'expérience et non plus spectateurs des visuels qui leur sont proposés. Au cours de l'expérience, ils auront la possibilité d'observer les produits sous tous leurs angles, de zoomer sur les moindres détails, de les animer, d'explorer leur composition interne à l'aide de vues éclatées et de découvrir les différentes versions et coloris disponibles. Vos clients se sentiront ainsi plus confiants et impliqués dans leur achat, ce qui aura pour effet d'accélérer l'acte d'achat, d'augmenter la satisfaction client et de réduire le taux de retours.
Les visionneuses peuvent être intégrées dans tout site web et toute plateforme sans nécessité de plug-in.
Prêt à donner une nouvelle dimension à vos pages produit ?
L'intégration des modeles 3D interactifs Emersya fournis par vos partenaires ne prendra que quelques secondes. La technique est similaire à celle d'une intégration de vidéos à l'aide d'une simple ligne de code. Suivez simplement les étapes suivantes:
Embed using iframes
Insérez le code HTML de la visionneuse 3D
Voici un exemple de code permettant d'embarquer une visionneuse Emersya. "CODE_PRODUIT" devra être remplacé par le code qui vous aura été fourni.
<iframe src="https://emersya.com/showcase/CODE_PRODUIT" webkitallowfullscreen allow='camera; gyroscope; accelerometer; magnetometer; fullscreen;' ></iframe>
Insérez le script de la visionneuse 3D
Voici un exemple de code permettant d'inclure une visionneuse Emersya.
"CODE_PRODUIT" devra être remplacé par le code qui vous aura été fourni."ID_DU_CONTENEUR" devra être remplacé par l'id du conteneur qui acceuillera la visionneuse.
<script type="text/javascript" src="https://cdn.emersya.com/f/emersyaLoader.js" id="emersya" routing="CODE_PRODUIT" containerId="ID_DU_CONTENEUR" ></script>
Utiliser des tags
1 Ligne de code, c'est déjà trop ? Utilisez un tag !
Si vous le souhaitez, les tags peuvent être utilisés pour injecter la technologie Emersya directement dans votre site.
Définir la taille de la visionneuse
Forcer la langue
Choisir la langue à utiliser
En l'absence de paramètre de langue, la langue est choisie en fonction des préférences utilisateur du navigateur.
Les langues disponibles sont :
-
Anglaisen-US
-
Francaisfr-FR
-
Espagnoles-ES
-
Italienit-IT
-
Russeru-RU
-
Finnoisfi
-
Hollandaisnl-NL
-
Turctr-TR
-
Polonaispl
-
Portugaispt-PT
-
Taïwanaiszh-TW
-
Chinoiszh-CN
-
Roumainro-RO
-
Allemandde-DE
-
Tchèquecs-CZ
-
Japonaisja-JP
-
Norvégienno-NO
-
Hébreuxhe-HE
-
Coréenko-ko
Si vous souhaitez une langue supplémentaire
Cacher puis afficher une visionneuse
Démarrer avec la visionneuse cachée
Pour intégrer la visionneuse 3D sans qu'elle ne soit visible, la seule bonne manière de procéder est de déplacer la visionneuse en dehors de l'espace visible de la page.
Veuillez ne pas utiliser de styles css comme opacity:0, display:none ou width/height:0.
Option preset
Choisir la version de démarrage
Il est possible de démarrer sur la version catalogue de votre choix, comme le montre l'exemple suivant :
Compatibilité
Si nécessaire, autoriser l'utilisation des iframes
La technologie Emersya est basée sur le HTML5. Elle peut être embarquée sur n'importe quel site internet en utilisant une iframe.
Certains CMS comme Magento, Shopify ou Wordpress bloquent parfois l'utilisation d'iframes par défaut. Activez les iframes depuis votre module d'administration afin de permettre l'intégration des vues 3D Emersya.
La technologie de Emersya a été utilisée avec succès par plusieurs marques gérant leur site avec les CMS suivants :