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. Alter Product propose aussi une extension WordPress qui nécessite WooCommerce installé et actif ; consultez le guide d’installation de l’extension WordPress pour les détails de configuration.
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.
Suivez ces quelques étapes pour connecter Alter Product à votre boutique.
Créez un compte et choisissez une méthode d’intégrationInscrivez-vous ou connectez-vous. Pour WordPress, choisissez l’extension Alter Product, qui nécessite WooCommerce actif, et connectez votre compte via Auto Connect ; pour une boutique sur mesure ou headless, utilisez l’API publique.
Installez l’extension et connectez votre boutique
Dans l’administration WordPress, vérifiez que WooCommerce est actif, installez l’extension Alter Product, activez les permaliens et connectez votre compte. Le processus complet est décrit dans le guide d’installation de l’extension WordPress. Avec votre propre environnement technique, générez des identifiants API côté serveur et autorisez le domaine de la boutique.
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.
Intégrez l’outil choisi et gérez ses événements
L’extension Alter Product pour WordPress 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.