INGÉNIERIE SHOPIFY PARTNER
Services Shopify Partner
Architecture de thème Shopify Plus, checkout extensibility, Functions, Markets, B2B, intégrations d'apps, headless (Hydrogen) et opération de migration — en tant que système d'exploitation de boutique.
Shopify n'est plus « un thème prêt à l'emploi + quelques apps » ; c'est désormais le système d'exploitation de boutique où Online Store 2.0 + Functions + Hydrogen + Markets + B2B + Flow + stack d'apps sont fondus en une ingénierie unique.
L'e-commerce 2026 subit trois pressions : la fin de vie de checkout.liquid approche (Checkout Extensibility obligatoire), Shopify Functions a laissé Script et Ruby derrière, et Markets + B2B + Flow rendent possible l'opération multi-marchés sur une seule plateforme. La plupart des boutiques fonctionnent encore avec la logique de thème 2021 + le fardeau de 15 apps ; le LCP dépasse 5 secondes, la conversion checkout est inférieure à 30 %. L'opération Shopify de Roibase repose sur six principes — chacun attaché à une métrique.
MÉTHODOLOGIE
Opération Shopify Partner sur 6 couches
Audit → Architect → Build → Integrate → Launch → Optimize. Chaque couche est livrée avec deliverable + responsable + SLA.
01
AUDIT
Thème, écosystème d'apps, performance (Web Vitals), funnel checkout, configuration Markets/B2B, SEO, cartographie du data model.
02
ARCHITECT
Architecture du thème, schéma metafield/metaobject, bibliothèque de section + block, shortlist d'apps, carte Functions/Flow, arbre KPI.
03
BUILD
Développement du thème (OS 2.0), Functions custom (Rust/JS), automation Flow, migration metafield, Storybook + QA.
04
INTEGRATE
Klaviyo / Gorgias / Rebuy / Recharge + ERP + OMS + CDP ; webhook + Admin API + GraphQL + reverse ETL.
05
LAUNCH
Soft-launch + smoke test, plan 301, playbook de go-live week-end, stress test BFCM-ready, monitoring + alerting.
06
OPTIMIZE
Infrastructure A/B test (Shopify-native + VWO), pipeline CRO, tuning Flow, QBR de performance mensuelle, runbook + formation.
— COMPARAISON
Freelance unique vs agence généraliste vs ingénierie Shopify Roibase
Différences entre les trois approches en matière de profondeur Plus, checkout, headless, migration et TCO.
| Dimension | Freelance | Agence généraliste | Ingénierie Shopify Roibase |
|---|---|---|---|
| Fonctionnalités Plus | Usage basique | Markets + B2B en surface | Markets + B2B + Functions + Flow complets |
| Checkout extensibility | checkout.liquid classique | Tentative UI extension | Functions + UI extension + branding API |
| Architecture de thème | Édition de thème unique | Fork Dawn | OS 2.0 + metafield/metaobject + bibliothèque de sections |
| Hygiène des apps | S'empile sur demande client | Stack d'apps populaires | Shortlist + préférence native Functions/Flow |
| Performance (LCP) | 3.5-5s | 2.5-3.5s | < 2.0s baseline + RUM |
| Playbook de migration | Absent | Ad-hoc | Playbook ETL + 301 + go-live BFCM |
| Hydrogen (headless) | Absent | Conceptuel | React Server Components + Oxygen + edge cache |
| TCO au 12e mois | Faible, mais dette technique s'accumule | Moyen mais fragmenté | Moyen + système vivant + discipline de performance |
PROOF
Outcomes, measured
6 mois après OS 2.0 + checkout extensibility + refactor de performance.
Combinaison Shop Pay + Apple/Google Pay + UI extension.
75e percentile mobile ; objectif au moment de la livraison.
Après hygiène d'apps + critical CSS + lazy load.
Après Markets + local payment + duty + frontend localisé.
Portefeuille EU + TR + MENA sur les 3 dernières années.
WHAT WE DO
Engagement scope
Every offering is an outcome-based work package. Roibase blends strategy and execution inside a single team — no hand-offs.
Thème custom (Online Store 2.0)
Section Rendering API + Metafield-first + JSON template ; ce n'est pas un thème, mais un système de block / section / metaobject réutilisable.
Checkout Extensibility
Après l'EOL de checkout.liquid, optimisation via UI extensions + Functions + branding API + post-purchase + flow Shop Pay.
Shopify Functions
Discount, Delivery, Payment, Cart Transform avec Rust/JavaScript ; a laissé Scripts derrière, serverless + deterministic + rapide.
Shopify Markets
Multi-marché (langue/currency/domain), local payment, calcul duty/tax, intégration B2B ; backend unique + frontend localisé.
Shopify B2B
Company accounts, catalog, quantity rules, price lists, PO/net-terms ; opération B2B sans besoin d'un store séparé.
Shopify Flow + automation
Fraud review, re-stock, tag automation, lifecycle client, webhook → outil interne ; combinaison Admin API + Flow.
Intégration d'apps + hygiène
Klaviyo, Gorgias, Rebuy, Recharge, Judge.me, Shopify Email ; choix d'apps adéquat, hygiène de config, nettoyage des doubles charges JS.
Hydrogen + Oxygen (headless)
React Server Components + Remix + déploiement edge Oxygen ; Storefront API + Customer Account API + Shopify CDN.
Ingénierie de performance
Render Liquid, bundle JS, CDN d'images, critical CSS, Web Vitals ; Lighthouse + WebPageTest + RUM (Real User Monitoring).
Migration (Woo / Magento / BigCommerce)
URL mapping, plan 301, ETL de données (customer/order/product/content), préservation SEO, playbook BFCM-ready pour week-end de go-live.
— BÉNÉFICES
La transformation concrète de votre boutique Shopify
Quand thème + checkout + Functions + Markets + hygiène d'apps + headless (optionnel) sont intégrés, le ROI ne dépend plus d'une seule métrique.
La conversion augmente
La combinaison OS 2.0 + Checkout Extensibility + Shop Pay + accelerated checkout réduit les drops du funnel.
Le mobile accélère
Avec LCP < 2.0s + INP < 200ms + CSS critique + lazy image, les Core Web Vitals passent au vert.
La charge d'apps diminue
En privilégiant Functions + Flow + solution native, on travaille avec 6 apps au lieu de 15 ; subscription + coût de performance baissent.
L'international grandit
Markets + local payment + duty + frontend localisé + intégration B2B pour une opération unique sur plusieurs marchés.
Le pipeline B2B grandit
Shopify B2B (company, catalog, price list, net-terms) revitalise un modèle de vente B2B sans nécessiter un store séparé.
L'opération s'automatise
Flow + Functions + webhook + Admin API minimisent le travail manuel quotidien ; fraud, re-stock, tag, lifecycle automatiques.
LIVRABLES
Ce que vous recevez à chaque engagement Shopify
Liste fixe de livrables dans le pack setup + 6 mois d'opération ; aucune surprise de facturation additionnelle.
Rapport d'audit Shopify
Thème + apps + Web Vitals + checkout + Markets/B2B + SEO + carte du data model ; 50-80 pages.
Architecture de thème + schéma metafield
Bibliothèque de sections OS 2.0, schéma metaobject, carte block/template, breakpoint responsive + dark mode.
Thème custom (fork Dawn / from scratch)
Theme Check passe, a11y AA, Lighthouse > 90, Storybook + handoff MDX, checklist QA.
Pack Checkout Extensibility
UI extensions (React) + Functions (Rust/JS) + branding API + post-purchase + optimisation Shop Pay.
Bibliothèque Shopify Functions
Functions Discount, Delivery, Payment, Cart Transform + unit test + pipeline de déploiement + dashboard de métriques.
Set d'automation Flow
Flux fraud review, re-stock alert, tag automation, lifecycle client, webhook → outil interne.
Shortlist + config du stack d'apps
Sélection adéquate Klaviyo / Gorgias / Rebuy / Recharge / Judge.me + config + optimisation de charge JS + runbook.
Configuration Markets + B2B
Multi-marché (langue/currency/domain), local payment, duty/tax, Company accounts + catalog + price list.
Setup headless Hydrogen (optionnel)
React Server Components + Oxygen + Storefront API + Customer Account API + stratégie d'edge cache.
Playbook de migration (Woo/Magento/BC)
URL mapping, plan 301, ETL customer/order/product/content, préservation SEO, plan de go-live BFCM week-end.
Monitoring performance + RUM
Lighthouse CI + dashboard Web Vitals + RUM (SpeedCurve/Cronitor), alerte + QBR de performance mensuelle.
Runbook + formation + 3 mois de support
Runbook admin Shopify, sessions de formation Flow + Functions, guide d'édition de thème, 90 jours de support + on-call.
— PÉRIMÈTRE
Ce que nous faisons et ce que nous ne faisons pas
Le périmètre de l'ingénierie Shopify est écrit ; il prévient les surprises et les factures supplémentaires ultérieures.
Nous faisons
- Ingénierie complète Shopify Plus (Markets + B2B + Flow + Functions)
- Thème custom (OS 2.0) + système section/block/metaobject
- Checkout Extensibility (UI extensions + Functions + branding API)
- Shopify Functions (Discount/Delivery/Payment/Cart Transform)
- Shopify Flow + webhook + automation Admin API
- Sélection + config + hygiène de l'écosystème d'apps
- Hydrogen (headless) + Oxygen + React Server Components
- Markets (langue/currency/domain) + local payment + duty
- Playbook de migration Woo / Magento / BigCommerce → Shopify
- Web Vitals (LCP/INP/CLS) + RUM + Lighthouse CI
- Développement private + custom app (Node + Remix)
- Runbook + formation + 90 jours de support + on-call
Nous ne faisons pas
- Développement de plateforme e-commerce non-Shopify (uniquement migration)
- Développement cœur ERP / OMS / WMS (nous intégrons)
- Gestion de budget média (l'équipe Acquisition est un engagement distinct)
- Avocat en enregistrement de marque (engagement branding + partenaire)
- Logistique physique / opération d'entrepôt
- Gestion du processus d'approbation public App Store (avec partenaire)
- Service client outsourcé (nous installons Gorgias, l'opération reste chez le client)
- Production de faux avis / trafic artificiel
HOW WE WORK
Setup sur 10-14 semaines, puis opération mensuelle
Semaines 1-2 : audit + roadmap
Audit thème + apps + Web Vitals + funnel checkout + Markets/B2B + SEO ; arbre KPI + gel du périmètre.
Semaines 3-4 : architecture + schéma metafield
Architecture du thème OS 2.0, bibliothèque section/block, schéma metafield/metaobject, carte Functions + Flow.
Semaines 5-6 : build du thème + Storybook
Développement du thème (fork Dawn ou from scratch), budget responsive + a11y + Web Vitals, documentation Storybook.
Semaine 7 : Checkout Extensibility + Functions
UI extensions, Functions Discount/Delivery/Payment/Cart Transform, branding API, flow post-purchase.
Semaine 8 : intégration d'apps + Flow
Config Klaviyo/Gorgias/Rebuy/Recharge + automation Flow + webhook + Admin API.
Semaine 9 : configuration Markets + B2B
Multi-marché (langue/currency/domain), local payment, duty/tax, Company B2B + catalog + price list.
Semaines 10-11 : migration + soft-launch (optionnel)
ETL de données + URL mapping + plan 301 + smoke test staging + stress test BFCM-ready + go-live week-end.
Semaine 12+ : optimisation + QBR + runbook
Infrastructure A/B test, pipeline CRO, QBR de performance mensuelle, runbook + formation + 3 mois de support.
— BOÎTE À OUTILS
Les outils que nous utilisons — vendor-agnostiques mais choix affirmés
Nous choisissons ce qui convient à chaque client ; nous préservons notre indépendance en ne prenant aucune commission.
PLATEFORME & DÉVELOPPEMENT
APPS & INTÉGRATIONS
PERFORMANCE & QA
OPÉRATIONS & ANALYTIQUE
QUESTIONS
Frequently asked
— GLOSSAIRE
Concepts fondamentaux de l'ingénierie Shopify
Le langage commun de vos équipes développement, produit, opérations et marketing.
- Online Store 2.0 (OS 2.0)
- Architecture de thème introduite par Shopify en 2021 ; avec JSON template, section rendering API, app blocks, approche metafield-first, elle permet l'édition basée sur les sections sur toutes les pages.
- Checkout Extensibility
- Couche de personnalisation moderne proposée par Shopify après checkout.liquid ; UI extensions (React), Functions (Rust/JS), branding API, post-purchase extension + compatible Shop Pay.
- Shopify Functions
- Couche d'extension serverless basée sur Rust/JavaScript proposée par Shopify en retirant Scripts ; exécute les scénarios Discount, Delivery, Payment, Cart Transform de manière deterministic + rapide.
- Metafield / Metaobject
- Système d'ajout de données structurées supplémentaires aux produits, collections, clients, commandes ; avec metaobject, des types custom standalone sont définis et utilisés côté thème comme blocks.
- Shopify Markets
- Fonctionnalité Plus qui permet la gestion multi-marché (langue, currency, domain, payment, shipping) via un store unique ; avec Markets Pro, duty + tax + local payment sont entièrement automatiques.
- Shopify B2B
- Fonctionnalité Plus qui permet de gérer l'opération B2B dans un store unique avec company accounts, catalog, quantity rules, price lists, PO/net-terms, scénarios de custom pricing.
- Shopify Flow
- Plateforme d'automation no/low-code ; avec trigger (order, customer, inventory) + condition + action (tag, webhook, email), elle automatise les tâches répétitives côté Admin.
- Hydrogen + Oxygen
- Framework de storefront headless basé sur React Server Components de Shopify (Hydrogen) et la plateforme de déploiement edge qui le distribue (Oxygen) ; fonctionne avec Storefront API + Customer Account API.
- Storefront API
- API GraphQL publique de Shopify ; les frontends headless / custom / mobiles peuvent accéder aux données produit + collection + panier + checkout, Hydrogen l'utilise nativement.
- Shop Pay
- Produit checkout + wallet accéléré de Shopify ; permet un achat en 1 clic même sur un store aléatoire, augmente significativement le CR mobile ; conforme PCI + 3DS2.
- ShopifyQL
- Langage de requête analytics de type SQL proposé par Shopify pour les stores Plus ; permet de créer des rapports + dashboards custom via Admin + Liquid + API.
- Theme Check
- Outil officiel de linting Liquid + JSON + Schema de Shopify ; scanne le code du thème selon les règles best practice + performance + security, utilisé comme gate obligatoire en CI.
- BOPIS (Buy Online, Pick up In Store)
- Modèle où le client commande en ligne et retire en magasin physique. Élimine le coût de livraison, génère du trafic cross-sell en boutique, devenu indispensable post-COVID. Nécessite un Order Management System (OMS) avec sync temps réel des stocks magasin.
- Click & Collect / ROPIS
- Cousin du BOPIS : Reserve Online, Pick up In Store. Le client réserve sans payer, essaie en magasin puis achète ou annule. Conversion +25-40 % en mode et ameublement ; transforme le staff store en canal « preselling ».
- OMS (Order Management System)
- Système qui maintient une source unique de vérité sur tout le cycle de vie d'une commande (created → fulfilled → shipped → delivered → returned). Gère les commandes multicanaux (web, marketplace, store, app), le stock et le routing fulfilment dans un seul panneau ; Shopify Plus, Manhattan, Fluent Commerce, Logiwa en exemples.
- WMS (Warehouse Management System)
- Système qui gère les opérations d'entrepôt — réception, putaway, picking, packing, expédition. Intégration scanners RF/barcode, wave picking, slotting optimization, cycle counting. Manhattan WMOS, SAP EWM, Logiwa, ShipBob, ShipHero sont les options de référence.
- PIM (Product Information Management)
- Système qui stocke de manière centralisée les données maîtres produit — titres, descriptions, images, attributs, traductions — et les pousse vers tous les canaux (web, marketplace, ERP, catalogue print). Akeneo, Salsify, Pimcore, inRiver en référence ; clé de la scale multi-locale + multicanal.
- Headless Commerce
- Modèle qui découple totalement le storefront (UI) du backend commerce (cart, checkout, produits, paiements). Le frontend peut être Next.js / Nuxt / Astro / Hydrogen, le backend appelé via l'API de Shopify, BigCommerce, Commercetools ou Saleor. Standard e-commerce moderne pour la perf et la liberté de design.
- Composable Commerce
- Architecture e-commerce qui, à la place d'une plateforme monolithique, compose des microservices best-of-breed (PIM, OMS, CMS, search, payment, loyalty) via API. Terme forgé par Gartner en 2020 ; partage la philosophie de MACH. Évolution naturelle du headless commerce.
- MACH Architecture
- Acronyme de Microservices, API-first, Cloud-native, Headless. Standard moderne d'architecture e-commerce, codifié par la certification vendor de la MACH Alliance. Fondation technique du composable commerce et meilleur argument contre le vendor lock-in.
- Shopify Hydrogen
- Framework storefront headless de Shopify sous React + Vite (2022). Intégration native à la Storefront API, server components, edge SSR et optimisation d'image inclus. Se déploie sur Shopify Oxygen pour une latence à la milliseconde sur edge runtime mondial.
- Shopify Oxygen
- Plateforme globale d'edge hosting de Shopify pour les storefronts Hydrogen, introduite en 2022. Sur Cloudflare Workers ; gratuit, bande passante illimitée, CI/CD automatique et déploiement depuis l'admin Shopify en un clic. L'alternative Shopify-spécifique à Vercel.
- Shopify Plus
- Tier entreprise de Shopify pour les marques à fort volume. Multi-store, checkout custom, fonctionnalités B2B, Launchpad, Shopify Scripts (legacy) et support priority. À partir de ~2 000 $/mois ; Allbirds, Gymshark ou Heinz l'utilisent.
- Storefront API (Shopify)
- API GraphQL de Shopify pour le headless commerce. Endpoints produits, collections, clients, cart et checkout ; appelés directement depuis Hydrogen, Next.js ou une app mobile. Combinée à la Customer Account API, le headless couvre désormais loyalty et auth.
- Subscription Commerce
- Modèle qui remplace les achats ponctuels par des flux produits récurrents (hebdo, mensuel) auto-renouvelés. Sous-catégories : box, refills beauty, pet food, vitamines. Sur Shopify : Recharge, Bold, Smartrr ; LTV 3-5× e-commerce classique, la gestion du churn est LA métrique critique.
- BNPL (Buy Now Pay Later)
- « Achetez maintenant, payez plus tard » — moyen de paiement alternatif où le client reçoit la commande et paie en 4 mensualités sans intérêt (souvent 6 semaines). Klarna, Afterpay/Clearpay, Affirm, PayPal Pay in 4 dominent ; AOV +20-50 %, conversion +20 %.
- Klarna
- Le géant suédois du BNPL (1,5 M+ marchands, 150 M+ acheteurs). 4 mensualités, paiement différé 30 jours ou financement 36 mois ; intégrations natives Shopify, WooCommerce, Magento, BigCommerce. Conversion +30 % sur les marques à AOV élevé.
- Stripe Checkout
- La combinaison Stripe.js + page de paiement hébergée de Stripe. Stripe absorbe la charge PCI — tu n'as qu'à appeler l'API ; Apple Pay, Google Pay, Link, BNPL s'activent automatiquement. Le checkout le plus rapide pour des storefronts headless ou custom.
- PSP (Payment Service Provider)
- Middleware qui unifie carte, BNPL, wallet et virement bancaire derrière une seule API. Stripe, Adyen, Braintree, Mollie, iyzico, PayU sont les principaux choix ; peut agir en tant que merchant of record ou en agrégateur pass-through. Multi-devise et routing 3-D Secure sont des features critiques.
- 3-D Secure 2 (3DS2)
- Couche d'auth carte EMVCo où le porteur valide son identité via un push bancaire sur son mobile. La SCA (Strong Customer Authentication) est obligatoire dans l'UE via DSP2 ; les PSP modernes font « step-up » sur fraud-score élevé et « frictionless » sinon. Transfère la liability chargeback fraude à l'émetteur.
- Card-on-File Tokenization
- Stocker un token réutilisable plutôt que le numéro de carte. Réduit drastiquement le périmètre PCI et fonde le one-click checkout, les subscriptions et la récupération de panier. Les network tokens (Visa Token Service, Mastercard MDES) montent les taux d'autorisation de 1-3 %.
- Endless Aisle
- Stratégie où le staff montre sur tablette/kiosque les produits indisponibles en magasin et les commande en ligne pour le client. Évite les pertes walk-out dues au stock-out, transforme le magasin en showcase et rend le catalogue quasi infini.
- Returns Management
- Opération de gestion du flux et du coût des retours. Portail self-service, étiquettes automatiques, contrôle qualité, décisions restock vs disposition, optimisation refund/exchange. Loop, Returnly, AfterShip Returns, ReturnGo sont les SaaS majeurs ; une bonne UX retours fait monter la rétention jusqu'à 20 %.
- OOS (Out-Of-Stock) Recovery
- Stratégie pour amortir les pertes en rupture de stock — formulaires « back in stock », suggestions de produits alternatifs, pré-commande. Des outils comme Klaviyo Back in Stock app, Restock Rocket, Notify récupèrent 15-30 % de conversion et nourrissent le forecasting de demande.
- Markdown / Dynamic Pricing
- Optimisation algorithmique des prix selon le niveau de stock, les jours de vente restants et le prix concurrent. En retail, rend les markdowns de fin de saison 30-50 % plus rentables ; en e-commerce, évolue vers le pricing personnalisé. Engage3, Revionics, Pricefx en plateformes leaders.
- Conversational Commerce
- Approche de vente via les canaux messagerie — WhatsApp, Instagram DM, Facebook Messenger, web chat. Mélange chatbot IA + agent humain ; dominant dans les marchés mobile-first comme Turquie, Brésil, Inde, Indonésie. Shopify Inbox, Tidio, Gorgias en exemples.
— ARBRE DE DÉCISION
Une opération d'ingénierie Shopify vous convient-elle ?
Répondez par Oui/Non à 4 questions ; que le résultat soit clair.
01 / 04
Utilisez-vous Shopify actuellement, ou prévoyez-vous une migration dans les 3-6 mois ?
Prérequis de l'opération ; si vous restez sur une autre plateforme, le modèle d'engagement sera orienté migration.
— LET'S BEGIN
Quelle part de la puissance Plus votre boutique Shopify utilise-t-elle réellement ?
Nous scannons votre compte via le portail Shopify Partner et identifions les fonctionnalités inutilisées Markets + B2B + Functions + Flow ainsi que les fuites de performance.