Vendre du marbre en ligne sans monter une usine à gaz

Payé à la livraison, livraison par ville, et les données client hachées avant Meta.

Un parcours dans la boutique, données de démonstration : l’accueil défilé de haut en bas, une fiche produit, une variante qui recalcule le total, le formulaire en paiement à la livraison avec la livraison par ville, et la commande confirmée.
Une fiche produit, données de démonstration : photo, nom, prix, délai de livraison et les variantes de matériau, avec le bandeau paiement à la livraison en haut.
Le formulaire de commande avec une variante choisie, données de démonstration : le total recalculé avec le supplément de la variante, avant les coordonnées.
Le formulaire en paiement à la livraison rempli, données de démonstration : nom, téléphone, ville et adresse, la ligne livraison calculée selon la ville, le total et le bouton de commande.
La page de remerciement, données de démonstration : la réservation reçue, le produit, la quantité, le délai et le total, avec le retour à la collection.

Le problème

Une boutique mono-marque voulait une commande en paiement à la livraison et un tracking publicitaire fiable pour Meta, sans plateforme lourde.

Ce que j’ai construit

Une boutique Next.js avec variantes, livraison par ville et normalisation des numéros marocains. L’API Conversions envoie depuis le serveur des données client hachées, un événement par commande avec son identifiant, et des scripts montent la même boutique sur Shopify.

Détails techniques

Téléphone, nom et ville hachés (SHA-256), fbp/fbc lus dans les cookies
Bootstrap Shopify : produits, collections, pages, réglages du thème
Limitation de débit par IP sur la prise de commande
Un test qui échoue sur les marqueurs de design générique (police Inter, emoji)

Stack

Next.js 14
TypeScript strict
Tailwind
Meta Pixel + CAPI
Shopify Admin API
Playwright

Le résultat

15 tests vérifient les calculs, pas seulement l’affichage : choisir une variante doit faire passer le total de 4 990 à 6 490.

Un projet similaire en tête ?

Parlez-moi de votre activité et de votre échéance. Vous recevez une proposition par email.

Je veux ce système

Autres projets

Plateformes SaaS · WakhaFlowUne commande non confirmée est un colis qui revientVoir le projet