E-commerce
28 juin 2026
Plus de 60 % du trafic Shopify passe par smartphone. Pourtant le help center reste pensé desktop, le chat occupe l'écran checkout, le portail retour exige d'imprimer un PDF sur six pouces. Le client achète sur mobile et rage sur mobile : votre support mobile-first doit suivre.
Meta estime que 73,3 % des consommateurs préfèrent la messagerie pour contacter une marque, et 66,8 % se sentent frustrés quand ce canal n'est pas proposé (Meta, State of Business Messaging 2025).
Ce guide #105 couvre parcours support smartphone, chat, self-service, messaging et KPI. Complète accessibilité chat (#104) avec l'angle usage mobile mainstream, distinct de la rupture stock (#106).
Sommaire
Pourquoi penser support mobile en premier ?
Le support client mobile e-commerce n'est plus marginal : c'est le canal principal pour la majorité des acheteurs DTC.
Chiffres clés 2026
Trafic mobile : 60-75 % sessions DTC, souvent 80 % des conversations chat widget.
Tickets support : 55-65 % origine smartphone selon tags Gorgias.
Emails transactionnels : 65-70 % lus sur mobile.
Attente chat mobile : réponse sous 5 min perçue comme norme.
Mobile-first vs responsive
Responsive = site desktop réduit. Mobile-first support = concevoir chat, centre d'aide, retour pour pouce, une main, connexion 4G, interruptions (appel entrant, métro). ECOSIRE rappelle que plus de 60 % du trafic Shopify est mobile : widget 44 px, clavier iOS, Safari privé à tester (ECOSIRE, chatbot Shopify 2026).
Impact : question pré-achat mobile non répondue = abandon panier ; WISMO mobile résolu = repeat. Voir stratégie support (#25), parcours client assisté.
Quels parcours support mobile génèrent le plus de friction ?
Cartographier le parcours support smartphone révèle où les clients abandonnent sans résolution.
Six moments contact mobile
Pré-achat PDP : taille, livraison, compatibilité.
Checkout : paiement refusé, code promo, BNPL.
Post-achat : email confirmation, tracking.
Attente livraison : WISMO, retard.
Réception : défaut, mauvais article, retour.
Post-retour : statut remboursement.
Frictions fréquentes à corriger
Chat fullscreen bloque navigation : client ferme sans résoudre.
Tableaux help center : scroll horizontal illisible.
PDF étiquette retour : impression impossible mobile.
Login compte complexe : mot de passe oublié sur clavier mobile.
Deep links email cassés : tracking KO depuis Gmail iOS.
Popups chat agressifs : couvrent CTA « Payer » checkout.
Contexte usage : métro, pause, multitâche. Messages courts, quick replies, reprise session si app switch. Pics tickets mobile souvent 7h-9h et 19h-22h : staff bot en conséquence.
Comment optimiser le widget chat sur smartphone ?
Le chat support mobile est le premier levier support mobile-first.
Design widget
Launcher 44 px min : coin non intrusif, pas sur CTA checkout.
Fullscreen mobile OK : 100 % largeur, 93 % hauteur viewport max (Shopify checkout chat).
Input fixé au-dessus clavier : iOS ne doit pas masquer la zone saisie.
Quick replies : 3 boutons max, tap targets larges.
Messages bot 2-3 lignes : style SMS lisible.
Minimize : réduire sans perdre session.
Comportement et triggers
Pas auto-open checkout : tue conversion mobile. Proactive après 30 s idle PDP ou panier seulement, prompt contextuel « Question livraison vers [ville] ? » pas « Bonjour comment aider ? ». Order lookup : email + numéro commande, 2 champs max. Session persist localStorage ou cookie. Handoff : callback ou chat async, pas attente hold 20 min sur 4G.
Tester WebView Instagram/Facebook in-app browser. Safe-area notch iPhone. Voir widget aide checkout, accessibilité chat (#104), messages proactifs, handoff bot humain.
Comment structurer le centre d'aide pour mobile ?
Un help center mobile e-commerce remplace le scroll desktop illisible sur six pouces.
Structure mobile
Recherche hero : barre prominent, autocomplete 3 caractères.
Catégories cards : icônes Livraison, Retour, Paiement.
Articles 300 mots max : scannable, listes verticales.
Accordéon : tap expand, pas mur de texte.
Sticky « Discuter » : bas article mobile.
Performance et deep links
Load < 2 s en 4G. Email support : lien direct article « Suivre commande », pas homepage help. Vidéo 15 s verticale « comment retourner » embed mobile. Page contact : click-to-call, WhatsApp, chat en rangée thumb-friendly.
Voir help center conversion, page d'aide réduire tickets, recherche interne, questions pré-achat.
Comment déployer le self-service mobile (WISMO, retours, compte) ?
Le self-service mobile Shopify déflect WISMO et retours sans agent humain.
Tracking commande
Page statut responsive : bouton tracking prominent, ouvre app transporteur.
Shopify customer accounts : expérience app-like mobile.
SMS tracking link : tap → page carrier.
Bot WISMO : lookup 2 champs, lien tracking tap.
Retours sans imprimante
Loop / ReturnGO : portail mobile, QR code étiquette scan bureau de poste, pas print obligatoire. Photo défaut : input camera native. Statut refund : SMS ou push update. Guest lookup : order # + email, formulaire minimal. Passwordless magic link compte client.
Voir réduire WISMO, self-service (#28), policy retour, bot retours, modification commande, livraison tardive.
Comment adapter emails et SMS au lecteur mobile ?
Les messages support mobile email et SMS sont souvent le premier contact post-achat sur smartphone.
Email mobile UX
Single column : pas deux colonnes desktop.
CTA bouton large 44 px : « Suivre commande », « Contacter support ».
Preheader utile : délai livraison + lien tracking.
Plain text fallback : URLs visibles si HTML bloqué.
Reply-to support : réponse email → ticket Gorgias.
SMS et notifications
Shipping notification : lien tracking court. Delay alert proactif mobile. Two-way SMS → Gorgias si config, opt-in RGPD. Test chaque CTA iOS Mail + Gmail Android. Preview dark mode iOS : CTA visible. Klaviyo : preview iPhone/Android avant envoi flows.
Voir messages transactionnels, expérience post-achat, ETA dynamique.
Quels canaux messaging privilégier sur mobile ?
Les canaux messaging mobile suivent l'usage natif smartphone, au-delà du widget site.
WhatsApp Business
Familiarité : FR, ES, LATAM, MENA en croissance.
Open rate ~98 % vs ~20 % email (Meta 2026).
Rich media : photo défaut direct depuis galerie.
Fenêtre 24 h : réponses service gratuites si client initie.
Click-to-WhatsApp PDP : wa.me pre-fill produit.
Stack mobile-first par marché
DTC EU : chat site + WhatsApp si ES/LATAM + SMS tracking. Instagram DM pré-achat social commerce. Gorgias inbox unifié : contexte canal visible agent. Instagram DM SLA 4 h mobile-native.
22 % des messages support globaux passent par WhatsApp (Converge 2026). Voir WhatsApp vs chat site, support marketplace, support omnicanal.
Comment équiper les agents pour le support nomade ?
Le support agent mobile couvre pics soir/week-end quand les clients sont sur smartphone.
Gorgias mobile app
Tickets on-the-go : WISMO urgent, VIP, chargeback.
Push notif : assignation ticket high value.
Macros courtes : version mobile 400 caractères max.
Limites : refund complexe desktop préféré.
Ops mobile
Tag `source:mobile` Gorgias : priorité si client indique « suis sur téléphone ». Coverage chat mobile peak 12h-14h et 19h-22h. Bot 24/7 critique mobile soir sans agents. Réponses agents : liens mobile-friendly, pas pièces lourdes, messages courts.
Voir SLA support (#101), templates support, base réponses (#102), escalade VIP.
Quels flows bot optimiser pour le pouce et le clavier ?
Les intents chatbot mobile minimisent la saisie clavier et maximisent les quick replies.
Principes flows mobile
Boutons avant texte : choix d'abord, saisie ensuite.
Réponses 280 caractères : style SMS.
Photo upload 1 tap : défaut, mauvais article.
Reprise session : chat ID persist app switch.
Deep link intent : ?chat=shipping pré-ouvre intent campagne.
Top intents mobile à prioriser
wismo_mobile (lien tracking tap), return_start_mobile (portail QR), payment_failed_mobile (retry checkout), size_help_mobile (guide condensé), promo_code_mobile (code checkout). Bot détecte device logged : « Je vois commande #X en cours ». Panier abandonné mobile : 1 objection + CTA checkout deep link.
Voir entraîner chatbot, personnaliser bot, panier abandonné chatbot, paiement refusé, support BNPL.
Comment mesurer le support mobile séparément du desktop ?
Les KPI support mobile isolent la performance smartphone du desktop.
Métriques à tracker
Tickets % source mobile : tag device Gorgias.
Deflection bot mobile : résolution sans agent smartphone.
CSAT mobile vs desktop : alerter si gap > 10 pts.
FRT chat mobile : pickup bot secondes.
Return portal mobile completion : drop-off par étape.
Help center bounce mobile : article utile ou non.
Tests mystery shop mensuels
iPhone Safari : achat → question support → WISMO → retour.
Android Chrome checkout + chat question paiement.
Tap CTA email → landing tracking mobile.
4G throttled : chat load < 3 s.
GA4 device category support pages. A/B launcher bottom-left vs right. Rapport hebdo lundi : tickets mobile %, top friction, 1 fix deploy. Voir KPI chatbot, analytics conversations.
Comment Qstomy optimise-t-il le support mobile-first ?
Qstomy est conçu mobile-first chatbot : widget responsive, flows pouce, deflection WISMO, connecté à Shopify.
Capacités mobile
Widget fullscreen mobile : input au-dessus clavier iOS/Android.
Quick replies 44 px : thumb zone bottom.
Order lookup 2 champs : email + numéro commande.
Tracking link tap : ouvre app transporteur native.
Photo upload defect : camera mobile native.
Session persist : reprise après app switch.
WhatsApp sync : même logique bot cross-canal.
Scénario DTC chiffré
Marque beauté 180 cmd/j, 72 % trafic mobile, 68 % tickets source smartphone, CSAT mobile 3,7 vs desktop 4,2.
Déploiement Qstomy mobile-first : intents WISMO + retour QR + promo checkout. Résultat 10 semaines : deflection mobile 28 % → 54 %, CSAT mobile 3,7 → 4,4 (écart desktop 0,1 pt), median handle time mobile −41 %, parcours WISMO iPhone 45 s zero agent. Checkout assist paiement sans quitter tunnel.
Explorez support IA, réduire tickets IA, guide tailles chatbot, support international (#100), demander une démo.
Quels playbooks opérationnels lancer cette semaine ?
Playbook 1 : mystery shop iPhone complet
Sur votre iPhone perso : PDP question taille → chat → WISMO post-achat → portail retour. Notez chaque friction (launcher, clavier, PDF, login). 3 blockers P0 à fixer sous 7 j.
Playbook 2 : audit widget vs CTA checkout
Safari mobile checkout : le launcher masque-t-il « Payer » ? Déplacer coin ou réduire. Désactiver auto-open chat checkout. Test clavier couvre input.
Playbook 3 : email CTA tap test
Envoyez confirmation test Gmail iOS + Android. Tap « Suivre commande » : landing mobile OK en 1 tap ? Bouton 44 px, single column, preheader tracking visible.
Playbook 4 : retour QR sans print
Initiez retour Loop/ReturnGO sur mobile. QR code scan fonctionne bureau poste ? Si PDF print requis : migrer portail ou macro agent alternative.
Playbook 5 : dashboard mobile Gorgias
Filtre tag source:mobile + CSAT 30 j. Compare desktop. Si gap > 10 pts : prioriser fix chat + self-service mobile semaine suivante.
Maillage utile
Mobile-first support : rencontrez vos clients là où ils achètent, pas sur un help center pensé pour un écran 27 pouces.
Enzo
28 juin 2026
