Ce que vous saurez faire

Installer WC mobile-first
Payments Wave/OM
Checkout simplifié mobile
Lighthouse 90+

Étape 1 — Installer WooCommerce

cPanel → Softaculous → WordPress → install
Ne PAS utiliser "admin" comme username
Mot de passe 16+ car

Plugin WooCommerce: Extensions > Ajouter > WooCommerce > Activer
Assistant: Sénégal, XOF, format FCFA

Étape 2 — Thème mobile-first

Recommandations 2026:
- Astra (ultra-léger)
- Blocksy (configurable mobile)
- Storefront (officiel WC)
- Neve (rapide petites boutiques)

Astra + Starter Templates (Brainstorm Force):
Apparence > Starter Templates > chercher "ecommerce"
Import démo, personnaliser ensuite

Étape 3 — Apparence mobile

Apparence > Personnaliser (mode aperçu mobile):
- Logo 300×80 px PNG transparent
- Police: Inter/Roboto/Poppins (16 px min)
- Contraste AAA (#222 sur #FFF)
- Menu hamburger, 5-7 entrées max
- Boutons 48×48 px min
- Images produit carré 1:1

Étape 4 — Pages essentielles

- Accueil (Réglages > Lecture)
- Boutique (auto WC)
- Panier/Commande/Mon compte (auto)
- À propos
- Contact + formulaire
- FAQ (10-15 questions)
- Mentions légales (RCCM, NINEA, adresse, hébergeur)
- CGV
- Politique confidentialité (RGPD + LPDP)
- Politique remboursement
- Livraison et retours

Étape 5 — Produits simples

Produits > Ajouter:
- Titre avec mot-clé
- Description longue 200-400 mots
- Description courte 50-80 mots
- Prix: 5000 (sans FCFA)
- Inventaire: gérer stock ON
- Image 1000×1000 min
- Galerie 3-5 photos

Étape 6 — Produits variables

Type: Produit variable
Onglet Attributs: ajouter Taille (S|M|L|XL), Couleur
Cocher "Utilisé pour les variations"

Onglet Variations:
- Créer toutes les variations (4×3=12)
- Prix, stock, image pour chaque

Étape 7 — Paiements Sénégal

Extensions:
- PayTech (Wave + OM + cartes): paytech.sn
- Intech (OM, Wave, YAS Money (ex-Mixx by Yas (ex-Free Money)))
- Stripe pour international

Virement bancaire BACS: actif par défaut
Paiement à la livraison: actif (courant Sénégal)

Test: achat réel 100 FCFA pour valider

Étape 8 — Livraison

WC > Réglages > Expédition

Zone "Dakar":
- Forfait 2000 FCFA
- Livraison gratuite >= 25 000 FCFA
- Retrait magasin 0 FCFA

Zone "Sénégal intérieur":
- Forfait 5000 FCFA

Étape 9 — Emails SMTP

# Plugin FluentSMTP (gratuit)
# Brevo / Mailgun / SendGrid (free tier)

# Configuration:
# From: commandes@votre-domaine.sn
# SMTP Brevo: smtp-relay.brevo.com:587
# Test d'envoi depuis plugin

Étape 10 — Optimiser vitesse mobile

# LiteSpeed Cache (gratuit) ou WP Rocket (59 USD/an)
# Activer:
# - Cache mobile
# - Minify HTML/CSS/JS
# - Lazy load images (sauf LCP)
# - Préchargement sitemap

# ShortPixel: conversion WebP auto
# Cloudflare: DNS + CDN gratuit

Étape 11 — Checkout mobile optimal

WC > Réglages > Commande:
- Accelerated checkout (Shop Pay, Google Pay)
- Min order 5000 FCFA
- Abandoned email 10h
- Autoriser invité (pas création compte forcée)

Plugin CheckoutWC ou Quick Checkout: réduit les champs
Autocomplete Google Places pour villes
Téléphone: indicatif +221 pré-rempli

Étape 12 — WhatsApp flottant

Plugin "Click to Chat" ou code custom:
<a href="https://wa.me/221771234567" 
   class="whatsapp-float"
   target="_blank">
  <img src="/whatsapp-icon.svg" alt="WhatsApp">
</a>

CSS:
.whatsapp-float {
  position: fixed; bottom: 20px; right: 20px;
  width: 60px; height: 60px; z-index: 999;
}

Étape 13 — Analytics

Plugin: MonsterInsights ou GA Google Analytics
GA4 events: view_item, add_to_cart, purchase

Tableau GA4:
- Sessions/users
- Taux conversion
- Panier moyen
- Sources trafic
- Abandon panier

Étape 14 — Abandoned cart recovery

Plugin "Advanced Abandoned Cart" ou "CartFlows":
Email 1 (1h après): "Votre panier vous attend"
Email 2 (24h): code -10%
Email 3 (72h): code -15% FINAL

Récupération typique: 10-20% des paniers abandonnés

Étape 15 — Jour J

Test 3 achats réels (Wave, CB, OM) sur 3 smartphones
3 proches testent → noter blocages
Corriger frictions
Lancement Instagram/Facebook/WhatsApp
Meta Ads 2000 FCFA/jour test
Monitor Analytics 48h

Faire concevoir un site web professionnel

Site vitrine ou e-commerce, livré clé en main avec domaine, hébergement, formation et support inclus.

À partir de 350 000 FCFA

📧 E-mail
💬 WhatsApp

Etape 1 : Choisir un hebergement adapte a la 4G ouest-africaine

Plus de 90% des achats e-commerce au Senegal et en Cote d’Ivoire passent par smartphone sur reseau 4G ou 4G+. La latence depuis Dakar vers un serveur europeen oscille entre 80 et 150 ms, contre 250 a 400 ms vers les Etats-Unis. Choisir un VPS a Paris (Scaleway, OVH) ou Helsinki (Hetzner) divise par 2 le temps de chargement par rapport a un US. Cout : 5 a 10 EUR/mois (3 280 a 6 558 FCFA) pour un VPS 4 Go.

# Mesurer la latence depuis Dakar avec un test public
curl -o /dev/null -s -w "Time: %{time_total}s\n" https://votre-vps-paris.com
# Cible : moins de 1 seconde TTFB sur 4G
# Outil de test mobile reel
https://www.webpagetest.org (location : Africa)

Le signal de reussite : TTFB inferieur a 800 ms depuis un test webpagetest.org en location Lagos ou Cape Town. Au-dela, optimiser sert peu, le bottleneck reste le serveur.

Etape 2 : Installer un theme leger Storefront ou Blocksy

Le theme par defaut WooCommerce Storefront est gratuit, leger (250 Ko CSS) et mobile-first. Alternatives premium : Blocksy Pro (69 USD/an / 45 270 FCFA), Astra Pro (59 USD/an), Kadence Pro (89 USD/an). Bannir Avada, Flatsome, Porto qui chargent 2 a 3 Mo de CSS et JS inutiles sur mobile.

# Installer Storefront via WP-CLI
wp theme install storefront --activate
# Ou Blocksy gratuit
wp theme install blocksy --activate
# Verifier le poids du CSS critique
curl -s https://example.sn/ | grep -oP 'href="[^"]+\.css"' | head -5

Apres activation, lancez un test PageSpeed Insights mobile. Score Performance attendu : superieur a 75. Si en dessous, le theme est trop charge ou un plugin l’alourdit. Desactiver les plugins un par un jusqu’a identifier le coupable.

Etape 3 : Activer les paiements Wave et Mixx by Yas

Wave domine le mobile money au Senegal et en Cote d’Ivoire avec environ 30 millions d’utilisateurs actifs en 2025. Mixx by Yas (ex Free Money depuis le rebranding 2024) couvre la cible Yas Senegal. Pour WooCommerce, le plugin officiel CinetPay agrege Wave, Mixx by Yas, Orange Money et carte bancaire avec une commission de 1,5 a 3% selon le moyen.

# Installer le plugin CinetPay officiel
wp plugin install cinetpay-payment-gateway --activate
# Configurer dans WooCommerce > Reglages > Paiements
APIKEY      : depuis dashboard.cinetpay.com
SITEID      : code marchand recu apres KYC
Mode        : LIVE (apres tests SANDBOX)
Devises     : XOF (FCFA), EUR optionnel

Apres activation, faites une commande test de 100 FCFA depuis votre propre numero. Le tunnel doit afficher Wave, Mixx by Yas et Orange Money en boutons. Le paiement reussi declenche un webhook qui passe la commande au statut Traitement dans WooCommerce.

Etape 4 : Reduire le checkout a une seule page

Le checkout WooCommerce par defaut a 3 etapes (panier, validation, paiement) qui font perdre 30 a 50% des conversions sur mobile. Le plugin gratuit CheckoutWC One Page ramene tout a une seule page scrollable, mieux adapte a un ecran de 6 pouces. Alternative : Cartflows Free pour un funnel plus pousse.

# Installer CheckoutWC ou alternative gratuite
wp plugin install woo-checkout-field-editor-pro
# Champs a supprimer pour mobile (gain 4 ecrans)
- Nom de l'entreprise
- Deuxieme ligne d'adresse
- Code postal (optionnel au Senegal hors Dakar)
- Region (auto-rempli depuis pays)

Mesurez le taux d’abandon panier avant/apres dans WooCommerce Analytics. Une baisse de 10 points est realiste sur 1 mois. Si pas d’effet, le checkout n’etait pas le bottleneck : creusez la vitesse de page produit ou les frais de livraison.

Etape 5 : Optimiser les images en WebP et lazy loading

Une fiche produit avec 5 photos JPEG 200 Ko = 1 Mo a charger sur 4G. En WebP avec lazy loading, on tombe a 250 Ko effectifs. Le plugin gratuit ShortPixel (100 images/mois free, 5 USD pour 5000) fait la conversion automatique. Lazy loading natif HTML5 (loading attribute auto) actif depuis WordPress 5.5.

# Activer la conversion WebP via wp-config.php
define('SHORTPIXEL_DELIVER_WEBP', true);
# Verifier qu'une image servie est bien WebP
curl -I -H "Accept: image/webp" https://example.sn/wp-content/uploads/produit.jpg
# Doit retourner Content-Type: image/webp

Apres optimisation, le poids total d’une fiche produit doit passer sous 1 Mo. Verifiez avec l’onglet Network de DevTools en throttling Slow 4G : le DOMContentLoaded doit etre sous 3 secondes.

Etape 6 : Activer un cache page agressif avec LiteSpeed ou WP Rocket

Le cache page sert la version statique HTML aux visiteurs anonymes, ce qui divise par 5 a 10 le TTFB. Sur LiteSpeed Web Server, le plugin LiteSpeed Cache est gratuit et performant. Sur Apache/Nginx, WP Rocket (59 USD/an / 38 700 FCFA) reste la reference. Eviter W3 Total Cache (UI confuse) et WP Super Cache (vieillissant).

# Installer LiteSpeed Cache
wp plugin install litespeed-cache --activate
# Reglages critiques
Cache > Activer le cache : ON
Object Cache : Memcached ou Redis (si dispo VPS)
Image Optimization : tout activer
CSS Minify + Combine : ON (tester avant prod)

Mesurez le TTFB avant/apres avec curl. Une baisse de 600 a 100 ms est typique. Attention au cache pour les utilisateurs connectes : il doit rester desactive pour eux sous peine de fuite de session entre comptes.

Etape 7 : Tester le tunnel d’achat sur smartphone reel

Aucun emulateur ne remplace un test sur Tecno Spark, Itel A56 ou Samsung A14, smartphones les plus vendus en Afrique de l’Ouest entre 60 000 et 120 000 FCFA. Connectez en 4G Sonatel ou Yas, parcourez la home, ajoutez 2 produits au panier, allez jusqu’au paiement. Mesurez chaque transition.

# Methodologie de test mobile reel
1. Vider le cache navigateur (Chrome > Parametres > Effacer)
2. Mode incognito pour eviter les cookies
3. Throttling reseau via DevTools si pas de 4G dispo (Slow 4G : 400 ms RTT)
4. Capturer chaque transition au chronometre
# Cible globale
Home -> Produit : moins de 2 s
Produit -> Panier : moins de 1 s
Panier -> Paiement : moins de 3 s

Si une etape depasse, identifier le bottleneck dans l’onglet Network. Souvent un appel AJAX bloquant (mini-cart, related products) qu’on peut differer ou desactiver.

Etape 8 : Suivre les conversions et iterer

Installez Google Analytics 4 avec Enhanced Ecommerce (plugin GA4 for WooCommerce gratuit). Suivez le funnel view_item -> add_to_cart -> begin_checkout -> purchase. Identifiez les fuites entre etapes et corrigez en priorite la plus grosse. Outil complementaire gratuit : Microsoft Clarity (clarity.microsoft.com) pour les heatmaps mobile.

# Installer GA4 pour WooCommerce
wp plugin install ga-google-analytics --activate
# Activer le mode Enhanced Ecommerce
woocommerce-google-analytics-integration plugin (officiel)

Apres 4 semaines de donnees, organisez un sprint d’optimisation hebdomadaire : 1 hypothese, 1 test A/B, 1 mesure. Dans la continuité, voir notre guide paiements mobile money et notre methodologie conversion funnel.

Etape 9 : Securiser les donnees clients et la conformite locale

Une boutique WooCommerce stocke des donnees personnelles : nom, telephone, adresse de livraison, historique d’achats. Au Senegal, la loi 2008-12 et au niveau regional la directive UEMOA imposent des obligations declaratives. En pratique, sur le plan technique : activer HTTPS partout (Let’s Encrypt gratuit), forcer un mot de passe admin de 16 caracteres minimum, activer le 2FA via le plugin Wordfence Login Security gratuit, sauvegarder la base quotidiennement vers un stockage externe.

# Sauvegarde quotidienne vers S3 compatible (Wasabi, MinIO)
wp plugin install updraftplus --activate
# Configurer dans UpdraftPlus > Reglages
Frequence : Quotidien
Destination : S3 compatible
Retention : 14 jours
Chiffrement : actif

Verifiez chaque semaine que la sauvegarde s’est bien executee (UpdraftPlus envoie un email de confirmation). Une sauvegarde non testee n’existe pas : restaurez tous les trois mois sur un environnement de test pour valider que le dump est utilisable.

Etape 10 : Lancer la promotion via WhatsApp Business et Instagram Shopping

En Afrique de l’Ouest, WhatsApp Business depasse Facebook Messenger pour le service client e-commerce. Activez le bouton WhatsApp flottant via le plugin gratuit Click to Chat (lien wa.me vers votre numero pro), connectez votre catalogue WooCommerce a WhatsApp Business via l’API Cloud (gratuit jusqu’a 1000 conversations utility par mois). Pour Instagram Shopping, le plugin Facebook for WooCommerce synchronise automatiquement les produits vers Meta Catalog.

Mesurez l’origine des commandes dans WooCommerce Analytics > Sources. Un attribution correct vous indique ou investir le budget marketing. Lectures complémentaires, voir notre guide paiements mobile money et notre tutoriel WhatsApp Business Cloud API.

Etape 9 : Securiser les donnees clients et la conformite locale

Une boutique WooCommerce stocke des donnees personnelles : nom, telephone, adresse de livraison, historique d’achats. Au Senegal et en Cote d’Ivoire, plusieurs obligations declaratives existent. Sur le plan technique : activer HTTPS partout (Let’s Encrypt gratuit), forcer un mot de passe admin de 16 caracteres minimum, activer le 2FA via le plugin Wordfence Login Security gratuit, sauvegarder la base quotidiennement vers un stockage externe distant.

# Sauvegarde quotidienne vers S3 compatible (Wasabi, MinIO)
wp plugin install updraftplus --activate
# Configurer dans UpdraftPlus > Reglages
Frequence : Quotidien
Destination : S3 compatible
Retention : 14 jours
Chiffrement : actif

Etape 10 : Lancer la promotion via WhatsApp Business et Instagram Shopping

Mesurez l’origine des commandes dans WooCommerce Analytics > Sources. L’attribution correct vous indique ou investir le budget marketing. Voir notre guide paiements mobile money et notre tutoriel WhatsApp Business Cloud API.