Documentation

Pourquoi Alter Product ?

Alter Product est une application web moderne conçue pour la visualisation, la configuration et la personnalisation interactives de produits. Elle s’adresse aux entreprises d’impression à la demande, aux fabricants proposant des options de personnalisation, aux boutiques en ligne et aux créateurs qui souhaitent présenter leurs produits dans un environnement 3D dynamique et entièrement interactif.

La plateforme réunit les outils suivants dans un même processus e-commerce :

• Designer – l’espace de travail central pour définir les variantes, les zones d’impression, les produits et les paramètres d’exécution
• Viewer – l’outil de visualisation de produits 3D pour l’e-commerce
• Configurator – l’outil de configuration des variantes et des paramètres de produits 3D pour l’e-commerce (tailles, matériaux, couleurs, etc.)
• Customizer – l’outil de création e-commerce avancé pour ajouter des images, du texte, des mises en page et des éléments à imprimer sur les produits
• Générateur de modèles 3D – créer et ajuster des modèles 3D paramétriques à partir de patrons, de coutures et de mesures modifiables

Viewer, Configurator et Customizer peuvent être intégrés à votre site à l’aide d’un iframe, configurés par des paramètres d’URL et connectés via une communication postMessage sécurisée.

Le module Designer constitue la couche de gestion centrale : il définit les variantes, les zones d’impression et les paramètres d’exécution. Viewer, Configurator et Customizer utilisent ces paramètres et le design préparé dans Designer pour afficher l’expérience e-commerce ; ils n’ouvrent pas l’espace de travail Designer lui-même. Designer peut également être intégré pour les tâches des commerçants. Dans les configurations intégrées ou avec stockage local, les ressources et les données des designs sont conservées sur votre serveur, tandis qu’Alter Product gère les licences et les droits d’accès aux outils.

Pour les intégrations, Alter Product propose une API publique dédiée qui permet à votre boutique ou à votre système serveur de récupérer les données des designs et de synchroniser les commandes Customizer. Pour les boutiques WordPress/WooCommerce, Alter Product propose aussi une extension WordPress officielle ; consultez le guide d’intégration WooCommerce pour les détails de configuration.

Générateur de modèles 3D

Partez d’un gabarit de générateur ou d’un modèle existant doté d’un générateur. Modifiez les patrons, les coutures et les dimensions, vérifiez le résultat sur un mannequin et appliquez des textures. Enregistrez le projet du générateur, puis utilisez une révision enregistrée dans un design produit. Le modèle obtenu fonctionne avec Designer et les parcours produit existants de Customizer, Configurator et Viewer.

Dans WordPress, les gabarits réutilisables, les mannequins et les bibliothèques de textures se trouvent dans Assets ; les environnements HDRI utilisent la bibliothèque d’environnements commune. Model generator affiche les projets locaux et importe les modèles dotés d’un générateur. Le pack de démarrage télécharge le modèle sélectionné avec son générateur, son gabarit et les ressources associées, dont les deux mannequins. Les projets et les fichiers sont stockés dans WordPress ; les mises à jour du catalogue, les imports, le frontend et les contrôles d’accès utilisent toujours Alter Product.

Démarrage rapide

Suivez ces quelques étapes pour connecter Alter Product à votre boutique.

1. Créez un compte et choisissez une méthode d’intégration Inscrivez-vous ou connectez-vous. Pour une boutique WooCommerce, commencez par l’extension officielle et la connexion automatique ; pour une boutique sur mesure ou headless, utilisez l’API publique.
2. Installez l’extension et connectez votre boutique Pour WordPress/WooCommerce, installez l’extension, activez les permaliens et connectez-la depuis l’administration WordPress. Le processus complet est décrit dans le guide d’intégration WooCommerce. Avec votre propre environnement technique, générez des identifiants API côté serveur et autorisez le domaine de la boutique.
3. Créez et associez le design Ouvrez la page de modification d’un produit WooCommerce et utilisez l’onglet Alter Product pour créer ou sélectionner un design. Définissez les variantes, les zones d’impression et les paramètres d’exécution dans Designer pour que Viewer, Configurator ou Customizer affichent l’expérience e-commerce adaptée.
4. Intégrez l’outil choisi et gérez ses événements L’extension WooCommerce peut afficher l’outil sélectionné sur les pages produits ou les pages WordPress. Les intégrations sur mesure incorporent l’iframe, créent un jeton de session d’intégration de courte durée côté serveur et utilisent postMessage pour l’ajout au panier, la récupération des données actuelles et la synchronisation des commandes Customizer.