WooCommerce est une excellente solution e-commerce parfaitement intégrée à WordPress, mais son potentiel est largement sous-estimé. De prime abord, ce n’est pas sexy ! Je relève le défi de vous convaincre du contraire au travers d’une série d’astuces pour créer le WooCommerce de vos rêves avec : des parcours utilisateurs attractifs, des tunnels de ventes optimisés, des e-mails personnalisés de A à Z, un espace client entièrement revu et le respect des normes de qualité Web (SEO, performances, accessibilité). Cette présentation sera entièrement basée sur des projets réels pour une conférence 0% bullshit !

1. CONCEVOIR UNE
BOUTIQUE WOOCOMMERCE
(VRAIMENT) SEXY !
WordCamp Paris 21 avril 2023
1

2. AVERTISSEMENT
2

3. PRÉAMBULE
• Cette présentation s’adresse aux concepteurs de sites e-commerce
• Je ne suis pas rémunéré par WooCommerce ni les éditeurs mentionnés
• Le contenu est 100% écrit par un humain
3

4. EN CHIFFRES
4

5. +11ANS D’EXISTENCE
+800EXTENSIONS OFFICIELLES
+75THÈMES OFFICIELS
+5MILLIONS D’INSTALLATIONS ACTIVES
5

6. ÇA PÈSE DANS LE GAME !
6

7. 7

8. « WOOCOMMERCE C’EST
MOCHE, C’EST PAS VENDEUR »
8

9. 9

10. Page Boutique
10
APERÇU BRUT
DE FONDERIE
AVEC LE THÈME
STOREFRONT

11. « COMME LA PLUPART DES OUTILS OPEN
SOURCE, DE BASE ÇA DONNE PAS ENVIE MAIS
ON PEUT TOUT FAIRE ET SE FAIRE IADER »
11

12. #0 - ENGAGER UN
UX / UI DESIGNER
12

13. • Préalable indispensable à la conception d’un thème sur-mesure pour
WooCommerce
• Utiliser des outils modernes comme Figma ou Adobe XD qui prennent en
charge les interactions et les animations
• Empêche le développeur de « faire à sa sauce »
#0 - ENGAGER UN UX / UI DESIGNER
13

14. 14

15. #1 - SOIGNER
L’EXPÉRIENCE D’ACHAT
15

16. #1 - SOIGNER L’EXPÉRIENCE D’ACHAT
• Grille de produits avec facettes dynamiques en Ajax
• Gestion des variations produits avec des couleurs ou des visuels
• Panier amélioré en Ajax
• Validation de commande par étape avec coupon discret
16

17. #1 - SOIGNER L’EXPÉRIENCE D’ACHAT
• Utiliser les blocs o
ffi
ciels pour WooCommerce (encore quelques limites
techniques bloquantes)
• Avoir recours à des extensions comme WooCommerce Better Usability
• Surclasser les templates WooCommerce
• Utiliser les hooks
17

18. 18

19. 19

20. 20

21. 21

22. 22

23. #2 - OPTIMISER
LA RELATION CLIENT
23

24. • Des mails personnalisés avec un éditeur de blocs (Yaymail + AutomateWoo)
• Un suivi de livraison par SMS (Twilio), mail et espace client
• Live chat / chatbot
24
#2 - OPTIMISER LA RELATION CLIENT

25. 25

26. #3 - FOURNIR UNE
EXPÉRIENCE PERSONNALISÉE
26

27. #3 - FOURNIR UNE EXPÉRIENCE PERSONNALISÉE
• Accès à du contenu privatif sur abonnement
• Génération de contenus personnalisés par rapport à des préférences
utilisateur
• Gestion de pro
fi
ls utilisateurs à des
fi
ns marketing
• Formulaires de données interactives
• Espace client entièrement personnalisé
27

28. 28

29. #4 - BOOSTER LES
PERFORMANCES
29

30. • Agir sur la base de données : https://www.getrouty.com/blog/slow-
woocommerce-backend-try-this/
• WP Rocket + Redis
• Imagify pour la compression des images + génération WebP
• Serveur dédié à partir de 1 000 visiteurs / jours et plusieurs dizaines de
commandes / jour
• Query Monitor (extension gratuite) pour identi
fi
er les requête lentes et
autres erreurs
#4 - BOOSTER LES PERFORMANCES
30

31. #5 - ENRICHIR
LE BACK-OFFICE
31

32. #5 - ENRICHIR LE BACK-OFFICE
• Personnaliser les vues produits avec Admin Columns Pro
• Des champs supplémentaires sur les
fi
ches produits avec Advanced
Custom Fields Pro ou via les hooks natifs
• Personnaliser les formulaires de pro
fi
l avec Advanced Custom Fields
Extended
• Interfacer la donnée avec des API tierces (SendGrid, Notion, Instagram,
logisticien, etc.)
32

33. 33

34. EN RÉSUMÉ
Par ordre de di
ffi
culté :
1. Utiliser les nouveaux blocs WooCommerce
2. Enrichir les fonctionnalités par des extensions sélectionnées avec soin
3. Développer vos propres thèmes et extensions pour conserver la maîtrise
du design system
4. Former vos clients et partenaires avec pédagogie
34

35. MERCI !
contact@wpchannel.com
+33 (0)6 33 39 71 45
35