Se connecter

Intégrer la 3D à votre site en quelques secondes

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>

Utiliser un script

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.

Contactez-nous

Définir la taille de la visionneuse

Utiliser une iframe

Vous pouvez ajuster les paramètres de largeur (width) et hauteur (height) de l'iframe ainsi que les autres paramètres de style de votre choix. La hauteur et la largeur peuvent être définies avec des valeurs fixes ou en pourcentage de l'espace disponible.

<iframe src="https://emersya.com/showcase/CODE_PRODUIT" width="90%" height="500px" webkitallowfullscreen allow='camera; gyroscope; accelerometer; magnetometer; fullscreen;' ></iframe>

Utiliser un script

Vous pouvez ajuster le style de la visionneuse emersya comme vous le feriez pour n'importe quel tag HTML. Il suffit simplement de cibler la classe que vous désirez modifier avec votre CSS.

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.

Utiliser une iframe

Vous pouvez forcer une langue en ajoutant le code correspondant dans l'URL, comme dans l'exemple suivant :

https://emersya.com/en-US/showcase/CODE_PRODUIT

Utiliser un script

Vous pouvez forcer la langue en ajoutant le tag lang dans le script

<script type="text/javascript" src="https://cdn.emersya.com/f/emersyaLoader.js" id="emersya" routing="CODE_PRODUIT" containerId="ID_DU_CONTENEUR" lang="en-US" ></script>

Les langues disponibles sont :

  • Anglais
    en-US
  • Francais
    fr-FR
  • Espagnol
    es-ES
  • Italien
    it-IT
  • Russe
    ru-RU
  • Finnois
    fi
  • Hollandais
    nl-NL
  • Turc
    tr-TR
  • Polonais
    pl
  • Portugais
    pt-PT
  • Taïwanais
    zh-TW
  • Chinois
    zh-CN
  • Roumain
    ro-RO
  • Allemand
    de-DE
  • Tchèque
    cs-CZ
  • Japonais
    ja-JP
  • Norvégien
    no-NO
  • Hébreux
    he-HE
  • Coréen
    ko-ko

Si vous souhaitez une langue supplémentaire

Contactez-nous
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 :

Utiliser une iframe

https://emersya.com/en/showcase/CODE_PRODUIT/CODE_PRESET

Utiliser un script

<script type="text/javascript" src="https://cdn.emersya.com/f/emersyaLoader.js" id="emersya" routing="CODE_PRODUIT" containerId="ID_DU_CONTENEUR preset="CODE_PRESET" ></script>

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 :