Le thème WordPress Flatsome est sans nul doute un grand classique du thème compatible WooCommerce. Vendu à pas moins de 65 000 exemplaires depuis plusieurs années, ce thème muni d’un builder intégré permet de pousser très loin la personnalisation de son site et par extension, de sa boutique en ligne.
Sommaire
Le Package Flatsome
Lorsqu’il est vendu, le thème WP Flatsome est composé d’un package complet. Dans ce package, on trouvera sans grande surprise le thème de base ainsi que le thème enfant, ce qui permettra de conserver toutes ses modifications suite à chaque mises à jour proposées par son auteur. Dans le package toujours, on trouvera également les fichiers relatifs à la Licence d’utilisation du thème, ainsi qu’une riche documentation informative pour l’utilisation et la customisation du thème.
On trouve également d’autres fichiers non moins utiles, comme les fichiers des Polices d’écriture Lato et Dancing Script si on souhaite les utiliser, des icônes ainsi que des textures. Pas de fichiers photos car les photos utilisées dans les démos ne sont pas incluses.
Builder intégré
Je ne suis pas fan des builders, à savoir des constructeurs de pages. Pourtant, il faut bien avouer que pour obtenir certaines mises en page particulières et les maintenir facilement, cela offre un sérieux coup de pouce. La complexité d’un builder dépend souvent de son accessibilité et de sa facilité d’utilisation. En l’occurrence, avec Flatsome et son builder, tout reste relativement intuitif, même s’il faut tout de même quelques minutes pour comprendre le fonctionnement de certains éléments.
Voici par exemple une majeure partie du constructeur de page intégré au thème Flatsome, pour la partie Header du design :
On voit aisément que différentes zones dans le header peuvent être personnalisées avec un système de drag and drop pour positionner de nombreux éléments comme des icônes sociales, divers menus ou encore un champ de recherche. Chaque élément pourra une fois positionné, être customisé et configuré sur le classique système natif de personnalisation d’apparence de WP, à gauche de la page.
Si on veut mettre son icône Panier à gauche plutôt qu’à droite, juste en 1 clic, on peut. Idem si on veut mettre son logo au centre plutôt que sur le côté. On peut positionner des barres de séparation entre un bouton d’abonnement à la Newsletter et d’éventuelles icônes de réseaux sociaux… Bref, si toutefois l’outil peut paraître complexe, il est finalement pratique et simple à prendre en main :)
Fonctionnalités et points forts du thème WP Flatsome
Le thème WordPress Flatsome bénéficie d’un builder intégré qui sera utile pour des mises en pages particulières, ce principalement pour la page d’accueil et les pages boutique et produits d’un e-shop. Bien entendu, pour toute landing page qui se respecte, c’est souvent par un constructeur de page qu’il faut passer pour obtenir le parcours utilisateur attendu. Cependant, une des forces du thème est de laisser une grande partie de la personnalisation du design, pouvoir se faire via l’outil natif de WP qui est à la fois simple à utiliser et intuitif. Le constructeur de Flatsome est d’ailleurs Elementor. Un poids lourd dans l’univers des builders sur WordPress.
Autre force du thème : Il est possible d’importer des versions déjà construites de design sur son installation WP pour ensuite modifier celles-ci et apporter sa touche personnelle à son webdesign. De quoi trouver de l’inspiration en somme, sans forcément tout conserver d’une version déjà mâchée.
Enfin, bien que le thème puisse sembler complexe car ayant justement un gros package lors de son acquisition, il est finalement relativement facile à configurer, comparé à d’autres thèmes parfois annoncés clés en main, qui s’avèrent être de vraies usines à gaz.
Flatsome et la boutique WooCommerce
Voilà qui importe beaucoup quand on s’équipe d’un thème WP compatible WooCommerce, à savoir les possibilités de personnalisation offertes pour la partie boutique pure et dure.
En l’occurence, ce thème offre de nombreuses options. Parmi celles-ci, on pourra par exemple choisir :
– De positionner sa sidebar de boutique à gauche ou à droite plutôt que d’être contraint à l’avoir à droite comme c’est souvent le cas. On pourra opter pour ne pas avoir de sidebar.
– Avoir une liste de produits en liste, en grille équilibrée ou en grille façon Pinterest.
– D’ajouter ou non une icône « ajouter au panier » sur les photos des produits…
Idem pour la page de produit seul :
– On pourra choisir la mise en page parmi de nombreuses propositions pour mettre en valeur son produit.
– Choisir la largeur de l’image du produit…
Partie Blog et éditoriale de Flatsome le thème WP
Si vous vous intéressez à ce thème WP qu’est Flatsome pour la partie éditoriale de votre site web ou blog, alors on est là sur quelque chose d’assez minimaliste. En termes de SEO et de méta-données d’article, c’est basique de chez basique.
Vous n’aurez pas par défaut :
- Le nombre de vues/lectures de vos articles
- La date de mise à jour des articles
- Le fil d’ariance (breadcrumb) en anglais
Si vous souhaitez absolument afficher ce type d’informations près du titre de vos articles, il faudra ajouter du code PHP au thème enfant. Ou passer par un plugin/extension WP.
Quant à la taille de l’image principale de l’article sur le blog de Flatsome, on est sur une largeur d’environ 779 pixels. Ce qui reste honorable si on souhaite pousser par exemple cet image principale vers Pinterest ou un réseau social tout en espérant que l’image soit de qualité.
Les Mises à jour de Flatsome
Sorti en 2013, le thème peut sembler désuet et vieux. Pourtant, du fait de ses très régulières mises à jour, il continue à rester parmi les valeurs sûres concernant les thèmes WP compatibles WooCommerce. C’est d’ailleurs un Best Seller. La dernière mise à jour date par exemple de janvier 2023 au moment où je mets cet article à jour (nous sommes le 1er février 2023). Alors oui, ce thème est bien maintenu et couramment mis à jour. Que ça soit pour résoudre d’éventuels bugs, suivre les modifications de WP & WooCommerce ou encore pour proposer des améliorations.
Le Prix de Flatsome
Actuellement proposé à 59 Dollars (hors taxes), le thème peut paraître onéreux. Cela peut effectivement représenté un budget si on souhaite simplement obtenir un design pour un blog personnel assez simple. Cependant, le prix n’est pas franchement plus haut que la plupart de ceux des thèmes WP proposés sur la plateforme Themeforest où on peut justement le trouver. La soixantaine d’euros est en effet devenue un tarif + que courant pour beaucoup de thèmes, que ça soit chez Themeforest ou ailleurs (Creative Market ou autres boutiques indépendantes…).
Alors Flatsome est-il cher par rapport à ce qu’il propose et permet ? Non. Le thème propose de monter plutôt facilement un e-shop qui tient la route, avec un builder qui n’est pas une usine à gaz. Alors ce prix se justifie, surtout si on compare à la concurrence. C’est finalement un prix tout à fait classique pour ce type de thème. Notons toutefois que pour les personnes vivant en France, si vous achetez le thème WP sur ThemeForest, il faudra ajouter au 59 dollars du thème, des taxes en fonction de votre lieu de résidence. Ceci peut faire grimper le prix du thème. Toutefois, le prix du thème en 2023 est toujours de 59 dollars comme à l’époque de la publication de cet article en 2018. Ce qui l’air de rien, montre que le prix du produit ne bouge pas alors que le produit lui-même évolue !
Conclusion
Ce thème WP compatible WooCommerce tient ses promesses sans pour autant promettre la lune. Il reste accessible bien qu’il dispose d’un constructeur de page car ce dernier reste light et plutôt facile à utiliser. Les possibilités de customisation permettent quand une charte graphique est préalablement définie, de sortir des modèles de démonstration relativement impersonnels et d’obtenir un résultat qui tient largement la route. Alors Flatsome peut-il être à la hauteur pour permettre de faire tourner un design cohérent et solide pour une boutique en ligne ? La réponse est oui :)
Chatbot WordPress pour optimiser l’assistance clientèle sur son site
Le choix du thème WordPress importe beaucoup pour la promotion de son site vitrine ou de son site e-commerce. Pour le lancement d’une boutique en ligne, il est recommandé de choisir un thème compatible WooCommerce. Concernant l’assistance clientèle, l’installation d’un chatbot WordPress sur votre site vitrine ou votre magasin en ligne relève d’une excellente idée. Comment procéder ?
Création de chatbot WordPress sur un site spécialisé
Pour l’assistance clientèle sur un site e-commerce et même sur un site vitrine, il est d’usage d’y installer un service de tchat ou de messagerie instantanée ainsi qu’un formulaire de contact. Or, des internautes visitent votre site web tard dans la nuit, le week-end ou le jour férié. Pour qu’ils puissent poser des questions et obtenir rapidement des réponses, tâchez d’installer un agent conversationnel sur votre site.
Vous pouvez creer votre propre chatbot pour votre site wordpress. Pour ce faire, rendez-vous sur un site spécialisé en création d’agent virtuel intelligent. Inscrivez-vous sur le site et connectez-vous sur votre compte membre. Ensuite, laissez-vous guider pas à pas pour la création de votre agent intelligent.
Le chatbot WordPress est personnalisable à souhait. Les tarifs d’abonnement varient selon les fonctionnalités de l’agent conversationnel.
Il est important de veiller à la qualité du paramétrage de votre chatbot. Cela garantit l’efficacité de cet outil de communication, notamment pour la dispense de réponses pertinentes et adaptées pour les clients. Il est également nécessaire d’effectuer un suivi régulier de l’outil et de réaliser les mises à jour nécessaires.
Quels sont les avantages promis par le chatbot WordPress ?
Le chatbot WordPress est un investissement lucratif pour les promoteurs de sites e-commerce. Avec cet outil, les internautes et clients potentiels peuvent obtenir des réponses à leurs questions 24 h/7 j. L’agent conversationnel garantit alors une bonne écoute et une bonne réactivité par rapport aux interrogations et aux demandes des clients.
L’agent virtuel intelligent pour WordPress vaut plus qu’une fenêtre de chat ou une page « foire aux questions ». Bien paramétré, le chatbot fournit des réponses pertinentes. Il permet également aux internautes de trouver facilement les rubriques, les pages et les produits adéquats en fonction de leurs recherches.
Le chatbot WordPress permet de récolter facilement des informations sur les clients : nom, adresse physique, e-mail, historique d’achat… Ces informations vous servent pour l’affinement de votre stratégie marketing.
Par ailleurs, l’agent virtuel intelligent adapté à WordPress fonctionne grâce à l’intelligence artificielle. Il est donc capable d’apprendre et d’évoluer en fonction du comportement des clients. Vous pouvez profiter de cette fonctionnalité particulière pour développer votre chatbot WordPress au fil du temps.
Hello ! effectivement ce thème est très performant. C’est un de mes préférés pour eshop. Je l’utilise notamment sur un gros eshop client. J’aime sa simplicité et sa facilité à intégrer mes propres webdesign. Le code je trouve est propre pour la création de page. A noter que j’utilise également Avada pour mes sites vitrines munis d’un eshop, ce thème est plus flexible que Flatsome dédié à l’interface eshop plus principalement ;)
Bonjour ! Bon petit compte rendu pour un thème que j’utilise régulièrement pour mes clients :) Vendu comme un thème pensé pour woocommerce, il est très performant pour créer des sites « standard » impeccables.
Vous faites bien de souligner un de ses points forts, la personnalisation aisée et avancée du header. J’ajouterais la personnalisation totalement libre du footer. Sans oublier la gestion du design du header et du menu pour les mobiles, d’une flexibilité totale : une option que je n’ai pas trouvée dans d’autres thèmes.
Ces points forts permettent de ne pas avoir de sites qui se ressemblent (header et footer sont généralement les éléments les plus rigides d’un thème).
C’est l’avantage d’un constructeur de page intégré, par rapport à un constructeur de page indépendant comme Elementor, par exemple (qui permet cependant depuis peu de faire de même, en court-circuitant la gestion du header et du footer sur le thème choisi, à condition d’acheter la version payante).
A l’usage j’ai pu constater que je n’avais quasiment jamais besoin d’écrire de css personnalisé pour obtenir des sites totalement différents les uns des autres, ce qui est plutôt rarissime avec un thème. J’aime par exemple beaucoup les thèmes de StudioPress, mais ils sont rigides par défaut et supposent de connaitre le html et le css sur le bout des doigts pour les modifier – ce que j’encourage, mais c’est plus long à la réalisation (et quand on vit de la création de sites, le temps c’est de l’argent, n’est-ce-pas…).
Les éléments de mise en page fournit sont vraiment utiles, et propres sur le plan du design. Il faut s’y retrouver à la prise en main initiale, avec des éléments à gérer depuis les options du thème, d’autres depuis l’interface du constructeur de page, et d’autres encore avec les nombreux templates de pages fournis. Mais la courbe d’apprentissage reste franchement légère. On ne s’y perd pas, le workflow est très fluide à l’usage.
Au final créer un site avec Flatsome est très rapide, avec ou sans l’utilisation de modèles de sites (qui pour une fois sont très bien foutus et très variés, complets, vraiment utilisables). Seul petit bémol, la gestion de la taille des polices, qui se fait uniquement en pourcentages dans certains éléments : si vous êtes habitués à les gérer au format em ou rem, cela déroute au début. Mais le constructeur de page permet de visualiser le résultat sur les pc, tablettes et mobiles en un clic, et intègre une gestion des media queries en wysiwyg. Un vrai plus pour aller vite.
On retrouve pas mal de fonctionnalités identiques à celles trouvées dans Elementor, et certaines de ce dernier s’inspirent de Flatsome, dirait-on. Au sens où elles sont sorties dans Flatsome avant de se retrouver dans Elementor, comme la gestion de blocs, la gestion de l’affichage des éléments sur un mobile. On peut développer un site en approche « mobile first » sans souci avec Flatsome, en wysiwyg.
La gestion intégrée des sliders est excellente, d’une souplesse et d’une rapidité à mettre en place bienvenue pour un résultat impeccable sur le plan du design. Fini les plugins complexes façon Revolution slider, dont personne n’utilise jamais plus de 5% des fonctionnalités proposées tellement ils sont absurdement longs et lourds à gérer, à force de proposer la lune.
Idem pour la gestion des galeries, qui vous fera faire l’économie de plugins premium.
Pour personnaliser woocommerce, Flatsome est bon, rien à dire, et vous fera là aussi faire l’économie de plusieurs plugins premium pour la mise en page de la page « shop », de la page des catégories de la boutique et de la page produit.
En prime le résultat est beau et original sans trop d’efforts (contrairement aux thèmes proposés par l’équipe de woocommerce, super c… à modifier, qui demandent de coder pour obtenir un résultat moins laid que le design par défaut – approche de la vieille école, tout à la main, pensée pour les développeurs avancés).
Au niveau des performances Flatsome est rapide, bien plus que la plupart des thèmes premium qui trustent le top 10 des ventes – de grosses usines à gaz pour l’essentiel (et bientôt/déjà totalement dépassées dans leur conception). Flatsome gère en natif la taille des images, le lazy loading des polices Google, des images. Aucun bug non plus avec les plugins de cache les plus courants, contrairement à certains thèmes premium très populaires.
Flatsome ne génère par de défauts pénalisant sur un test avec Pingdom.
Le code généré, à base de shortcodes comme pour tous les constructeurs de page, n’est pas dégueu ni lourd, contrairement à bien d’autres. Il reste lisible, facile à gérer et à nettoyer le cas échéant.
Le support technique est bon : l’équipe – des norvégiens – ne propose qu’un seul thème, et peut s’investir totalement.
Dans un face à face Flatsome – Elementor, si ce dernier est plus flexible dans l’absolu, avec plus d’options, le premier offre l’avantage de gagner beaucoup de temps avec des éléments de design préconçus vraiment bien foutus. Contrairement à Elementor, assez peu fourni sur ce plan pour le moment : il vaut mieux préalablement créer ses propres modèles pour obtenir un résultat correct – perte de temps.
Avantage Flatsome également pour les fonctionnalités intégrées au thème, qui entraînent un gros gain de cohérence en matière de workflow, et donc de temps par rapport à l’utilisation d’un thème indépendant avec Elementor. (Ce dernier reste excellent).
Je recommande Flatsome, qui m’a bluffé par sa conception intelligente et pragmatique, son interface wysiwyg rapide et fidèle au résultat final, quand je l’ai utilisé la première fois. Je suis un utilisateur professionnel convaincu (ça doit se sentir dans mon commentaire :) ).
Bonjour,
J’ai lu votre article très intéressant qui me rassure dans mon choix !!
J’ai un projet e-commerce et j’ai fait un document excel où j’ai listé les fonctionnalités que j’avais besoin pour éliminer les thèmes qui ne correspondrait pas suivant les critères de mon webdesign et des fonctionnalités.
Par élimination il reste le thème Flatsome ( https://themeforest.net/item/flatsome-multipurpose-responsive-woocommerce-theme/5484319 ) qui correspond à toutes les fonctionnalités que j’ai besoin, j’aurais besoin d’un retour de personne qui l’on déjà utilisé ?? Et-il fiable ?? Avez vous eu des difficultés ?? Le support du thème est performant ??
En deuxième j’ai le thème Shopkeeper ( https://themeforest.net/item/shopkeeper-ecommerce-wp-theme-for-woocommerce/9553045 ) qui à certaines fonctionnalités que j’ai besoin, j’aurais besoin d’un retour de personne qui l’on déjà utilisé ?? Et-il fiable ?? Avez vous eu des difficultés ?? Le support du thème est performant ??
Le thème Flatsome colle au fonctionnalité parfaites, je souhaite être rassuré j’attends votre retour sur votre utilisation ?? Et pour vous le thème Flatsome est le plus performant pour woocommerce ?? Ou sinon lequel ?
Merci de vos retours,
Bonne journée.
Bonjour,
Le jour où j’ai installé le thème Flatsome, j’ai installé la démo « boutique classique ».
J’aimerais changé cela pour avoir exactement la même présentation que la démo « Mode plein écran ».
Savez-vous comment je peux procéder sans être obligée de faire une réinstallation ?
Merci beaucoup.
JAne
C’est vrai que flatsome fonctionne parfaitement avec wordpress, il ne ralentit pas les sites internet, le code est propre et tous les tests qui sont passés au niveau de la sécurité et de la rapidité de chargement sont positifs.
Comparé à de nombreuses autres systèmes comme Divi, celui-là et particulièrement adapté pour créer des sites internet d’entreprise, de façon efficace tout en offrant la possibilité au client de pouvoir modifier certaines choses par lui-même au fur et à mesure de l’évolution du site internet.
Bonjour, quelqu’un peut me dire comment le mettre en français ? Merci beaucoup :)
Il faut utiliser poedit pour traduire le fichier source
Bonjour je rencontre un soucis avec flatsome je ne parviens pas a paramètrer ma page panier et page commande via WooCommerce. j’ai une page vide … savez-vous comment faire svp?