Développez vite avec nos API
Documentation détaillée, exemples de code et tout ce dont les développeurs ont besoin pour intégrer la 3D et l’AR.
Référence API
Documentation complète pour intégrer notre configurateur 3D et notre visionneuse AR via des API REST. Parcourez nos endpoints pour enrichir votre boutique en ligne.
Articles sur l’API
L'AR sans application
Pendant des années, l'AR dans le e-commerce imposait d'abord de télécharger l'application d'une marque. La plupart des gens ne le faisaient pas. La fonction existait, mais presque personne ne la voyait.
Notre AR s'ouvre dans le navigateur. Voici comment cela fonctionne, et ce que cela change pour votre boutique.
Deux plateformes, un bouton
L'acheteur touche le bouton AR sur la fiche produit. La suite dépend de son téléphone :
- iPhone et iPad : le produit s'ouvre depuis Safari dans la visionneuse AR intégrée d'Apple (ARKit), à partir d'un fichier USDZ.
- Android : il s'ouvre dans Chrome ou un autre navigateur Chromium via WebXR, à partir d'un fichier GLB.
Vous ne préparez aucun de ces fichiers. Quand vous publiez un produit, nous générons les deux formats à partir du même modèle 3D et servons le bon à chaque appareil.
La configuration suit
L'AR affiche le produit tel que l'acheteur l'a configuré, pas la version par défaut. S'il a choisi le plateau en noyer et les pieds noirs, c'est ce qui apparaît sur son sol.
Sur ordinateur, le bouton AR affiche un QR code. L'acheteur le scanne avec son téléphone et la même configuration s'y ouvre, prête à être placée.
Une scène propre
Une scène de configurateur contient souvent des éléments utiles à l'écran mais étranges dans une pièce : un podium, un fond, un plan de sol. Chaque objet a un interrupteur "Visible in AR" dans l'éditeur de scène. Désactivez-le et l'objet reste dans la vue 3D, mais pas dans la pièce.
L'échelle est l'autre moitié. Les modèles sont créés à l'échelle réelle, une unité pour un mètre, pour que le produit apparaisse à sa vraie taille.
Les limites
L'AR nécessite un téléphone ou une tablette avec caméra et un navigateur assez récent. Sur ordinateur, l'acheteur obtient un QR code, pas d'AR à l'écran.
Elle montre aussi à quoi ressemble le produit dans un espace, pas son toucher ni sa fabrication. C'est un outil pour juger la taille et le style, et nous le présentons ainsi.
Essayez-la
L'AR est incluse dans toutes les formules, sans configuration supplémentaire. Notre guide AR explique les réglages de scène en deux minutes.
Affichez le prix pendant la configuration
Les configurateurs que les clients utilisent vraiment jusqu'au bout ont quelques points communs. Aucun ne tient à la 3D.
1. Affichez le prix à chaque étape
Dans Amaspace, chaque option a son propre impact sur le prix, et le total se met à jour à chaque clic. Gardez-le visible. Un client qui voit le prix monter quand il ajoute les poignées en laiton prend une décision. Un client qui ne le découvre qu'à la fin a une surprise.
2. Proposez moins d'options que vous ne pourriez
Vous pourriez sans doute proposer le canapé en quarante tissus. Commencez par les douze qui se vendent. Un configurateur avec moins d'options, mais de meilleures, est mené à terme plus souvent qu'un configurateur qui veut tout montrer d'un coup. Vous pourrez ajouter le reste plus tard sans rien reconstruire.
3. Laissez les règles dire non
Certaines combinaisons sont impossibles à fabriquer : la longue méridienne avec le cadre étroit, la gravure trop longue pour la bague. Ne l'expliquez pas dans une note sous les options. Créez une règle pour que la combinaison n'apparaisse jamais. Dans l'éditeur, une règle se compose d'une condition et d'une action, et en dupliquant des règles, on construit vite une longue liste.
4. Choisissez la première vue avec soin
La première image que voit le client, c'est la photo produit du configurateur. Réglez les options par défaut sur votre configuration la plus vendue, et la caméra sur l'angle sous lequel vous la photographieriez. Cela paraît anodin. C'est pourtant l'image que la plupart des clients voient avant de toucher à quoi que ce soit.
5. Rendez la commande lisible
La configuration doit arriver à votre équipe sous une forme qu'elle peut fabriquer. Chaque commande Amaspace revient avec les options choisies par le client et, sur la plupart des plateformes, une vue 3D de la configuration. Vérifiez que votre équipe de production sait la lire avant le lancement, pas après la première commande.
Les limites
Un configurateur vaut la peine pour des produits qui ont de vraies options. Si l'essentiel de vos ventes porte sur un seul produit dans une seule finition, investissez plutôt dans les photos.
Prochaine étape
Envoyez-nous un produit avec ses options et ses prix. Nous le configurons avec ces cinq points en place, et vous le validez avant sa mise en ligne. Les formules sont sur la page Tarifs.
Quand les variantes Shopify ne suffisent plus
Les options produit de Shopify sont pensées pour des produits comme les t-shirts : une taille, une couleur, parfois une matière. Jusqu'à trois options par produit, et une variante pour chaque combinaison.
Un canapé ne rentre pas dans ce moule. Tissu, finition des pieds, profondeur d'assise, méridienne à gauche ou à droite, garnissage des coussins. Cela fait cinq options avant même de parler des coussins décoratifs, et les combinaisons se comptent par milliers.
Ce que font souvent les boutiques
La plupart des boutiques découpent le produit. Une fiche par famille de tissus, ou un produit « de base » avec des options vendues comme articles séparés. Les deux fonctionnent jusqu'à ce qu'un client veuille voir la combinaison qu'il achète vraiment. Alors il envoie un e-mail.
Les applications d'options produit aident pour le formulaire, mais un formulaire demande toujours au client d'imaginer le résultat.
Là où le configurateur prend le relais
Avec Amaspace, les options vivent dans le configurateur, pas dans le tableau des variantes de Shopify. Le client compose le canapé en 3D, voit chaque choix sur le modèle et suit la mise à jour du prix.
Côté Shopify, vous liez le produit Amaspace à un produit Shopify. Quand un client termine sa configuration, elle est enregistrée comme variante de ce produit. Votre catalogue reste un seul produit, le paiement reste celui de Shopify, et chaque commande indique exactement ce qui a été configuré.
La mise en place
- Installez l'application Amaspace depuis le Shopify App Store et connectez votre boutique.
- Créez le produit dans Amaspace. Importez votre propre modèle, utilisez-en un de notre bibliothèque ou demandez un modèle à notre équipe.
- Liez-le à votre produit Shopify en collant l'ID du produit.
- Dans l'éditeur de thème, ajoutez le bloc Product Page Customizer au modèle de produit.
Notre guide Shopify détaille chaque étape avec des captures d'écran.
Les limites
Une configuration terminée arrive dans le panier comme un seul article à son prix total, pas une ligne par pièce. C'est ce qui garde les commandes propres, mais si vous suivez le stock par composant dans Shopify, prévoyez-le avant le lancement.
Étape suivante
Si vos produits ont dépassé les trois options, envoyez-nous-en un. Nous le construirons en configurateur pour que vous le voyiez sur votre propre boutique. Le fonctionnement de l'application est expliqué sur la page Intégration Shopify.
Approuvé par les grandes plateformes e-commerce du monde entier
