ITSkillsCenter
E-commerce

Créer une boutique WooCommerce optimisée pour le mobile

3 min de lecture
Miniature - Créer une boutique WooCommerce optimisée pour le mobile

Ce que vous saurez faire

  1. Installer WC mobile-first
  2. Payments Wave/OM
  3. Checkout simplifié mobile
  4. 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-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

  1. Test 3 achats réels (Wave, CB, OM) sur 3 smartphones
  2. 3 proches testent → noter blocages
  3. Corriger frictions
  4. Lancement Instagram/Facebook/WhatsApp
  5. Meta Ads 2000 FCFA/jour test
  6. Monitor Analytics 48h
Besoin d'un site web ?

Confiez-nous la Création de Votre Site Web

Site vitrine, e-commerce ou application web — nous transformons votre vision en réalité digitale. Accompagnement personnalisé de A à Z.

À partir de 250.000 FCFA
Parlons de Votre Projet
Publicité