Ecommerce & mobile : quelle stratégie pour les boutiques sous Prestashop ?

Le mobile est le sujet à la mode du moment : les grandes marques risquent de dévisser en bourse si elles n’ont pas d’application iPhone, et le directeur marketing qui n’a pas de site Responsive Design paye sa tournée au bistrot du commerce !

Mais qu’en est-il exactement, et que faire lorsqu’on gère une boutique Prestashop ?

Cibler votre marché

Tout d’abord, même si la tendance est très nette, il faut garder en tête que le mobile ne représente pour le moment qu’une portion de votre trafic et pas l’inverse … Un modeste 10% sur le site que vous êtes entrain de lire. Ce ratio dépend évidemment de la typologie de chaque site. Sur une boutique en ligne il n’est pas rare d’arriver à 20%, mais beaucoup plus de dépasser les 30%.

Ensuite, le terme très générique « mobile » regroupe en réalité 2 familles très différentes : les tablettes et les téléphones. Et là, force est de constater qu’en dehors de boutiques très spécifiques, le smartphone reste (bien) en dessous des 10%.

Pour connaître votre ratio, rendez-vous dans Google Analytics > Google Mobile > Appareils.

Ci-dessous 3 sites de ecommerce B2C dans des domaines très différents, sur une période récente.

1 – Le classement est identique pour les 3 sites : iPad, iPhone, puis Android.

2 – L’iPad, et plus largement les tablettes, représentent plus de la moitié du trafic mobile.

La semaine dernière, je rencontre un prospect pour une migration depuis xxxx (solution SAAS) vers Prestashop. Il me dit : xxxx me dit que j’ai 25% de trafic en provenance de smartphones, xxxx a fait une super version smartphone, il me faut absolument une version smartphone. Moi : Smartphone, vous êtes sûr ?? A mon avis c’est plutôt les tablettes, on regarde GA ? Je vous laisse deviner la suite… Et étrangement xxxx n’a pas de version tablette !

Quelles solutions pour adresser le marché mobile ?

Tout d’abord, Google n’a rien annoncé en ce sens, mais il paraîtrait logique de mettre en avant les sites optimisés pour le mobile dans les résultats de recherche, où à minima exclure les sites non accessible. A garder en tête pour faire vos choix…

Quelque soit votre solution ecommerce, vous avez 4 options : ne rien faire (!!), créer une application iPhone, mettre en place un thème spécifique mobile et créer un thème Responsive Design.

Ne rien faire !

En effet, les navigateurs mobiles supportent très bien les sites classiques (« web » dans la suite du billet), entre 90 % (téléphone) et 95% (tablette) des fonctionnalités web. En évitant les vilains canards, votre site s’affichera, mais ne sera pas optimal, notamment en terme d’ergonomie et de performances. Vos risquez donc de perdre certaines ventes, mais pas toutes.

Dans le cas où le trafic mobile est encore faible sur votre site, « ne rien faire » n’est pas un choix d’avenir, mais peut être le choix de la raison. La question à se poser est certainement quand franchir le pas (rapport coût / gain) ?

« Ne rien faire » est en réalité ne pas développer une interface spécifique mobile. Cela dit, nous vous recommandons de vous assurer que votre boutique est utilisable depuis un mobile. Concrètement : testez votre site avec un iPad et un iPhone, et apportez les corrections pour que le site soit utilisable.

Evidemment, il s’agit ici de la solution la moins coûteuse !

Créer une application iPhone

Je ne vais pas laisser planer le suspens une seconde : à moins de s’appeler Auchan ou Décathlon, je ne crois pas une seconde à cette option ! En effet, installer une application est un acte (très) engageant que très peu d’utilisateurs sont prêts à faire « juste » pour acheter un produit (à moins de forte récurrence ou d’une proximité importante avec la marque). Accessoirement, c’est la solution le plus coûteuse.

A savoir : Prestashop avait commencé une App iPhone pré-packagée à destination de tous les marchands Prestashop, mais a suspendu ses travaux.

Thème(s) spécifque(s) mobile

Prestashop 1.5 intègre une solution de détection de terminal permettant d’aiguiller automatiquement les utilisateurs vers le thème adapté à leur terminal. Vous pouvez ainsi créer un thème téléphone, un thème web et pourquoi pas un thème tablette.

C’est la solution la plus flexible et la plus efficace. Flexible car vous pouvez gérer vos thèmes en tout indépendance, et avoir des fonctionnements très différents suivant le terminal. Efficace, car vous pouvez adapter le volume de données envoyées au terminal, et c’est particulièrement important lorsqu’on accède au site en connexion GSM. Nos amis opérateurs de téléphonie nous vendent déjà la 4G, alors qu’une partie du territoire est encore en bas débit…

Le thème téléphone est certainement le thème le plus nécessaire car l’expérience utilisateur sur un téléphone est réellement différente d’un PC ou d’une tablette.

Le coût de cette solution est en général équivalent, par déclinaison du thème, au coût de la mise en place de la version web.

A noter que Prestashop fournit gratuitement un thème optimisé pour les téléphones, compatible 1.4.8+ & natif 1.5.

Thème Responsive Design (thème adaptatif)

Solution la plus en vogue actuellement, le Responsive Design une technique qui permet d’adapter le thème web aux contraintes des terminaux mobiles. Pour bien comprendre : les adaptations sont uniquement cosmétiques, relativement limitées et basées sur la version web. Vous ne pourrez pas avoir une cinématique totalement différente entre web et mobile, et encore moins limiter la quantité de données envoyée à la version smartphone.

Concrètement, lors de la création de votre thème, vous définirez avec votre graphiste la version web, puis les versions dégradées (ie : adaptées aux téléphones et tablettes). Votre site a donc plusieurs aspects. Attention à établir les chartes dégradées avec l’aide d’une personne qui connaît les contraintes du Responsive Design pour conserver un thème réaliste techniquement, sous peine d’explosion de budget (ou de prestataire).

Dans le cas où un thème est conçu Responsive Design, sa réalisation, bien que plus coûteuse qu’un thème classique, reste en dessous du coût nécessaire pour réaliser plusieurs thèmes. Si vous avez déjà un thème, et que vous souhaitez le rendre Responsive Design, le coût est très variable car dépendant des dégradations à mettre en place. Bien souvent, il sera moins coûteux de repartir sur une base saine.

Prestashop travaille actuellement sur un nouveau thème natif (gratuit donc) Responsive Design, mais aucune date n’a été annoncée. Pour le moment, vous trouverez plusieurs thèmes Responsive Design sur Addons, dont 01 Premium que nous avons testé et approuvé !

Tous à vos mobiles !