Boutique en ligne avec configurateur

La boutique en ligne avec configurateur Toptrail est destinée à la vente de tentes de toit pour camping-cars Volkswagen ; la boutique a été développée par CREATING.LV. Une tente doit être adaptée à un modèle de camping-car précis et aux choix de l’acheteur, une simple liste de produits ne suffit donc pas : la boutique devait permettre au client de trouver lui-même la tente adaptée à son camping-car et de la personnaliser sans échange manuel avec un vendeur.

La deuxième exigence était internationale. La boutique s’adresse aussi aux acheteurs hors de Lettonie : le processus d’achat, le paiement et la livraison devaient donc fonctionner dans le monde entier. Le projet a été livré en 2026, mais la boutique n’a pas encore été lancée publiquement : c’est donc la solution livrée qui est décrite ici, et non son fonctionnement avec de vraies commandes.

Le configurateur est entièrement notre développement, de l’idée et du design jusqu’à la réalisation ; il ne s’agit pas d’un plugin existant adapté. CREATING.LV a également développé la boutique elle-même sur WordPress et WooCommerce, son design, la finalisation de commande avec paiement Stripe et PayPal, la livraison UPS avec calcul intégré des frais de livraison, ainsi que la section blog.

Ici, l’ordre des choix et le calcul du prix dépendent du produit concerné : du modèle de camping-car jusqu’à la forme des fenêtres. Un configurateur développé spécifiquement permet de construire cette logique à partir du produit, au lieu d’adapter le produit aux possibilités d’un plugin existant, et de la modifier plus tard indépendamment des mises à jour d’un plugin tiers.

Dans le configurateur, l’acheteur passe par plusieurs choix :

• il choisit le modèle de son camping-car Volkswagen, et le configurateur affiche la tente de toit correspondante ;
• il choisit la couleur du tissu et la couleur du fil ;
• il définit le nombre, l’emplacement et la forme des fenêtres.

La séquence commence par le modèle de camping-car, car la tente de toit doit être adaptée à un véhicule précis : l’acheteur doit d’abord voir uniquement les variantes qui conviennent à son camping-car. La couleur du tissu et du fil détermine l’apparence de la tente, tandis que le nombre, l’emplacement et la forme des fenêtres influencent aussi son usage, par exemple la quantité de lumière et de vue à l’intérieur de la tente. Sans configurateur, ces choix devraient être précisés par correspondance avec le vendeur ; dans le configurateur, l’acheteur les fait lui-même, étape par étape.

Les vues du projet montrent le configurateur d’une tente pour Volkswagen T4 avec des champs de choix des couleurs et des fenêtres. Le choix du modèle de véhicule se trouve dès la page d’accueil : l’acheteur part ainsi de son propre camping-car au lieu de chercher le produit dans le catalogue.

Dans cette boutique WooCommerce, le prix est calculé en temps réel : le prix final est visible dès la configuration, et pas seulement dans le panier. L’acheteur peut comparer différentes variantes avant d’ajouter la tente au panier, et le vendeur n’a pas à préparer un devis distinct pour chaque combinaison.

La configuration est intégrée à la logique produit de WooCommerce : la tente personnalisée arrive dans le panier comme un seul article avec les choix de l’acheteur, et non comme un message séparé au vendeur. Pour un produit personnalisable, c’est essentiel : la commande indique déjà pour quel camping-car, dans quelles couleurs et avec quelles fenêtres la tente a été commandée.

Après la configuration, l’acheteur poursuit dans la même boutique : il ajoute la tente au panier, indique ses informations de livraison, choisit le mode de paiement et confirme la commande. Deux services de paiement sont intégrés : Stripe et PayPal.

Stripe est un service de paiement par lequel la boutique accepte les paiements par carte bancaire, tandis que PayPal permet à l’acheteur de payer depuis son compte PayPal. Deux moyens de paiement permettent à l’acheteur de choisir celui qui lui est le plus familier. Les deux services fonctionnent dans de nombreux pays, ce qui convient à une boutique destinée aussi aux acheteurs hors de Lettonie.

Pour la livraison, UPS est intégré avec un calcul des frais de livraison dans la boutique elle-même. Le coût d’une livraison internationale dépend de la destination : il ne peut donc pas être indiqué sous la forme d’un montant fixe unique pour tous les acheteurs. L’acheteur hors de Lettonie voit les frais de livraison lors de la finalisation de la commande, et le vendeur n’a pas à les calculer et à les convenir séparément pour chaque commande. La solution est ainsi adaptée aux acheteurs internationaux, tant pour le paiement que pour la livraison.

Le design est construit autour de la configuration du produit. La page d’accueil présente un camping-car au coucher du soleil et le choix du modèle de véhicule, et une section distincte explique la personnalisation de la tente : matériaux, coutures et modèle de camping-car. L’acheteur comprend ainsi, avant d’ouvrir le configurateur, ce qu’il peut modifier et pourquoi. La boutique est utilisable aussi bien sur ordinateur que sur appareils mobiles ; les champs de choix du configurateur et le prix doivent rester lisibles même sur l’écran étroit d’un téléphone.

Le design a aussi été créé pour les pages « À propos » et « Contact », l’invitation à prendre contact et la section avis. La présentation de la marque et l’invitation à prendre contact utilisent des photos de camping-cars, et dans la section avis les cartes sont disposées sur deux rangées.

En plus de la boutique, nous avons créé une section blog pour des articles sur l’utilisation des produits et le mode de vie en camping-car ; dans les vues de design, les articles sont présentés sous forme de cartes. Le blog permet de parler de l’utilisation des tentes plus en détail qu’une description de produit. Le blog fonctionne sur le même site WordPress : les articles et la boutique se trouvent donc dans un seul système et avec un seul design.

WordPress, WooCommerce, configurateur de produits développé par nos soins, Stripe, PayPal et intégration de la livraison UPS.

WordPress gère les pages et le blog, et WooCommerce les produits, le panier, la finalisation de commande et la gestion des commandes. Le configurateur fonctionne dans la boutique WooCommerce : pages, articles, produits et commandes sont donc gérés dans un seul panneau d’administration WordPress.

Une boutique en ligne avec configurateur convient aux entreprises dont l’acheteur personnalise lui-même les produits et dont le prix dépend de ces choix, par exemple des produits fabriqués sur commande, des accessoires pour des modèles de véhicules précis ou des produits aux nombreuses combinaisons de couleurs et de tailles. Le configurateur de produits remplace alors les échanges sur chaque variante par un choix clair et un prix clair.

Pour des projets similaires, nous proposons le développement de boutiques en ligne WooCommerce. Si la logique du produit est si spécifique qu’un plugin existant ne la couvre pas, elle est programmée séparément : c’est pourquoi ce projet a aussi fait appel au développement de systèmes de gestion. La façon d’ajouter sa propre logique produit à une boutique WooCommerce est expliquée dans l’article sur les principaux composants d’une boutique en ligne WooCommerce.

• Développement de boutique en ligne
• Web design
• Développement de systèmes

Le portfolio présente la solution développée au moment de la livraison du projet. Le site actuel a pu être modifié depuis.