Marchandiseur – Un thème WordPress WooCommerce à chargement rapide

Publié: 2016-06-30

WooCommerce est de loin la solution de commerce électronique la plus populaire pour les utilisateurs de WordPress. C'est pourquoi il existe un marché aussi concurrentiel pour les thèmes WordPress WooCommerce.

L'une des conceptions les plus récentes de WooCommerce sur le marché s'appelle Merchandiser.

Conçu par Get Bowtied, Merchandiser est un design minimaliste qui met l'accent sur la vitesse et l'efficacité plutôt que sur les fonctionnalités inutiles. L'objectif était de concevoir quelque chose qui offre toutes les fonctionnalités dont vous avez besoin sans le gonflement supplémentaire généralement associé aux conceptions WooCommerce.

Thème WordPress pour les marchands

La corrélation entre les temps de chargement des pages et les ventes est bien documentée en ligne. Les sites Web à chargement rapide aident les propriétaires de magasins à générer des classements plus élevés dans les moteurs de recherche et à augmenter les ventes. Cela améliore également l'expérience de navigation de leurs clients.

Dans cet article, j'aimerais examiner de plus près Merchandiser et vous montrer ce qu'il peut faire.

Que propose le marchand ?

Le présentoir a un beau design que je suis sûr que vos clients vont adorer. Il existe un certain nombre d'options différentes disponibles pour votre page d'accueil, notamment un curseur, des produits en vedette, un blog et un modèle à venir.

Une fois que vous commencez à parcourir la zone de démonstration de Merchandiser, il devient clair que beaucoup d'attention a été accordée à offrir une expérience d'achat agréable aux clients.

Page d'accueil du marchand

Il y a beaucoup de petites fonctionnalités telles qu'un panier d'achat hors toile et une zone de vue rapide hors toile. Cette zone se révélera lorsque vous cliquerez sur l'icône du panier en haut de chaque page ou cliquerez pour ajouter quelque chose à votre panier. Il permet aux clients de voir les éléments qu'ils ont ajoutés sans quitter la page.

Panier de marchandisage

Les produits peuvent être présentés de différentes manières. Vous pouvez choisir d'afficher ou non une barre latérale et afficher entre un et six produits par ligne. L'avantage de Merchandiser est que le thème affichera moins de produits dans chaque ligne si le navigateur est redimensionné ou si le client consulte la page sur un appareil mobile.

Liste des produits du marchand

La page d'informations sur le produit est grande, audacieuse et claire. Toutes vos fonctionnalités WooCommerce préférées sont disponibles dans cette zone. Par exemple, vous pouvez afficher les évaluations des produits et marquer les articles en solde.

Informations sur le produit du marchand

Le modèle de blog inclus a l'air bien et correspond au style général de Merchandiser. Je suis sûr que la plupart des propriétaires de magasins seront satisfaits du modèle, mais en tant que blogueur, j'aimerais voir plus de mises en page de blog ajoutées au thème.

Blog des marchands

Alors que le nombre de personnes qui achètent à partir de téléphones mobiles et de tablettes augmente chaque jour, Merchandiser garantit aux utilisateurs mobiles une expérience d'achat agréable.

Conception mobile de marchandiseur

Get Bowtied est si fier du codage et des performances de Merchandiser qu'il a partagé les résultats de son validateur HTML W3C et les résultats des tests de vitesse de Webpagetest et Pingdom. Sentez-vous libre de les vérifier.

Test de vitesse du marchand

J'ai été impressionné par la qualité du design du Merchandiser. Le thème fonctionne avec toutes les fonctionnalités de WooCommerce et l'inclusion du constructeur de pages par glisser-déposer Visual Composer signifie que vous pouvez facilement styliser vos pages.

Comment installer le marchandiseur

Merchandiser est fourni avec le thème parent et un thème enfant. Il est conseillé de télécharger les deux thèmes et d'utiliser le thème enfant afin que les modifications que vous apportez ne soient pas écrasées lors de la mise à jour du thème.

Une fois que vous avez téléchargé Merchandiser et activé le thème enfant, vous verrez un message vous demandant d'installer les plugins requis. Le seul plugin requis qui doit être installé s'appelle "GetBowtied Tools".

Lorsque ce plugin requis a été activé, une page de bienvenue vous sera présentée pour vous remercier d'avoir utilisé le thème.

Page d'accueil des marchands

Sur la page suivante, vous devez saisir la clé d'activation du produit qui vous est fournie après l'achat de Merchandiser. Cela garantit que le thème peut être automatiquement mis à jour via la zone d'administration de WordPress. L'étape est également nécessaire pour installer les deux plugins qui doivent être installés avec le thème.

Activation du produit du marchand

Les deux plugins que Merchandiser vous demande d'installer sont Visual Composer et WooCommerce. Visual Composer se vend seul à 34 $, il est donc formidable de le voir inclus avec le thème.

Installer les plugins de marchandisage

L'installation du contenu de démonstration du thème vous aidera à comprendre ce que Merchandiser peut faire.

Installer le contenu de démonstration

Avant d'installer le contenu de démonstration, assurez-vous de vérifier l'état du système pour voir si votre serveur de site Web est configuré pour importer les fichiers nécessaires.

Vous devrez peut-être contacter l'hébergeur de votre site Web si l'environnement du serveur n'est pas configuré correctement. Le contenu de la démo s'est cependant installé correctement pour moi malgré quelques avertissements concernant la limite de temps PHP et la taille de téléchargement maximale insuffisantes.

Vérifier l'état de votre système

Une fois le contenu de la démo installé, le front-end de votre site Web ressemblera à la démo du thème. Tout ce que vous avez à faire maintenant est de commencer à ajouter des produits à vendre (si vous ne l'avez pas déjà fait).

marchandiseur-démo-contenu-installé

Il n'y a aucune information sur ce que l'installation de la zone de démonstration ajoute réellement à votre base de données et sur la manière dont ce contenu peut être supprimé. C'est un problème que présentent de nombreux thèmes WordPress.

Par rapport à d'autres thèmes WordPress, la quantité de données importées semble être assez légère car aucun média n'est ajouté. Espérons que le développeur pourra clarifier ce que la démo ajoute dans une future version du thème.

Comment configurer le marchand

Tous les paramètres de Merchandiser sont gérés via le personnalisateur de thème WordPress.

Malheureusement, si vous avez activé le thème enfant de Merchandizer, la seule chose que vous pouvez modifier, ce sont les widgets.

Personnalisateur de thème WordPress avec thème enfant

Le fait que Get Bowtied ait inclus un thème enfant avec le package de thème souligne qu'ils comprennent l'importance d'utiliser un thème enfant. Il est donc prudent de supposer qu'il s'agit d'un petit bogue qu'ils doivent corriger.

En attendant, vous devrez configurer Merchandizer en activant le thème parent.

Une fois Merchandiser activé, vous verrez toutes les options répertoriées dans le personnalisateur de thème WordPress. Vous verrez des options pour votre en-tête, pied de page, boutique, page produit, médias sociaux, etc.

Personnalisateur de thème WordPress

Bien que Get Bowtied marketing Merchandiser soit un thème minimal, vous trouverez de nombreuses options intéressantes dans le personnalisateur de thème WordPress.

Des mises en page supplémentaires sont disponibles pour votre en-tête et votre zone de navigation. Il existe également deux présentations de magasin et deux présentations de page de produit.

Dans une future version, j'aimerais voir plus d'options de style et plus de mises en page ajoutées.

Personnaliser votre boutique

Le personnalisateur de thème WordPress est un moyen fantastique de modifier un thème car il permet aux utilisateurs de voir immédiatement les modifications qu'ils apportent.

Vous pouvez également styliser la zone de contenu de vos pages à l'aide de Visual Composer. J'utilise Visual Composer sur mon propre site Web pour m'aider à créer un contenu élégant et à présenter des données plus digestes pour les lecteurs. Cela peut prendre la forme d'un curseur, d'un tableau ou d'une liste d'articles de blog.

L'interface Visual Composer est rapide et facile à utiliser. Vous vous sentirez à l'aise pour créer des pages avec lui après l'avoir utilisé pendant quelques minutes seulement.

Interface du compositeur visuel

Des dizaines d'éléments de contenu sont disponibles dans Visual Composer. Vous pouvez en ajouter des centaines d'autres via l'une des nombreuses extensions disponibles pour Visual Composer (consultez la catégorie des modules complémentaires WordPress sur CodeCanyon).

Ces éléments de contenu vous aideront à donner vie à vos pages et à ajouter une touche de classe que les concurrents n'ont pas.

Liste des éléments Visual Composer

Mis à part le problème avec le thème enfant n'affichant pas les options dans le personnalisateur de thème WordPress, Merchandiser était simple à configurer.

Pour aider à étendre les fonctionnalités du thème, j'aimerais voir des options ajoutées pour exporter et importer des paramètres. Cela permettrait aux utilisateurs de configurer le thème sur un site Web de test, puis de les importer dans leur site Web en direct. Cela faciliterait également la vie des entreprises de conception Web qui utilisent Merchandiser pour plusieurs clients.

Dernières pensées

Si vous recherchez une conception WooCommerce minimale qui a l'air bien et se charge rapidement, Merchandiser est un excellent choix. Je vous encourage à voir Merchandiser en action en consultant la démo officielle du thème. Cela vous donnera une idée de l'apparence du thème.

Sans aucun doute, le thème s'inspire des sites Web de portfolio et de galerie. Les images de produits dominent les pages, ce qui signifie que chaque produit reçoit beaucoup d'attention. Comparez cela aux conceptions de commerce électronique qui correspondent à des dizaines de produits dans chaque ligne.

Il existe plusieurs façons d'améliorer le thème, mais la version que j'ai testée (1.0) n'avait aucun bogue à part le personnalisateur qui n'était pas affiché dans le thème enfant, donc j'ai hâte de voir comment le thème se développera au cours de la prochaine année .

Le marchandiseur est disponible auprès de ThemeForest pour un montant de 59 $. Cela vous donne des mises à jour de thème illimitées et six mois de support de Get Bowtied. Six mois supplémentaires de support peuvent être ajoutés pour 17,70 $.

Vérifiez-le

Kévin

[Note de la rédaction : Le petit bug que Kevin mentionnait avec le thème enfant et le Customizer a été corrigé dans la version 1.02. La dernière version au moment de la rédaction est la 1.03]