Flatsome Theme WordPress efficace
Thèmes, WordPress

Flatsome Un Thème WordPress efficace

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.

Flatsome Theme WordPress

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.

Theme Flatsome et theme enfant

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 :

Builder theme wordpress Flatsome

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 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. 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.

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.

ribbon-wp-water

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…

Page produit flatsome

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 Mars 2018, soit il y a quelques jours. Les précédentes et + récentes ont eu lieu en février 2018 et novembre 2017. 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.

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 :)

 

Previous Post Next Post

You Might Also Like

3 Comments

  • Reply Priscilla 14 avril 2018 at 23:01

    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 ;)

  • Reply Gilbert 30 avril 2018 at 09:49

    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 :) ).

  • Reply Fouquet 26 août 2018 at 14:27

    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.

  • Leave a Reply

    %d blogueurs aiment cette page :