Donc, vous vendez un thème WordPress Meilleures pratiques pour les démos

Lorsque vous vendez un thème, sa démonstration est votre argument de vente. Si la démo manque à certains égards, elle ne rend pas service au thème et entraînera une perte de ventes. Si votre thème comprend des centaines de fonctionnalités, mais que les acheteurs ne peuvent pas les voir en action, il est également possible que vous n'ayez aucune fonctionnalité..

Ce guide couvrira neuf bonnes pratiques pour vous aider à démontrer votre thème de la meilleure façon possible..

Voici ce que nous allons regarder:

  1. Pages à inclure dans votre démo
  2. Menu et navigation
  3. Layouts
  4. Mettez en surbrillance les fonctionnalités cachées
  5. Utiliser du contenu authentique
  6. Inclure un sélecteur d'option frontale
  7. Communiquer avec les acheteurs potentiels
  8. Optimisez vos démos
  9. Finalisation et test

1. Pages à inclure dans votre démo

Aucune de ces pages ne sont Champs obligatoires en tant que tel, mais fortement recommandé.

Page d'accueil: Créez au moins trois pages d'accueil uniques. Plus vous créez de pages d'accueil, plus vous pouvez montrer de mises en page.

Pages intérieures: Inclure des pages intérieures (ou «sous-pages»), telles que «À propos de nous», «Services», «Tarification», «Équipe», «FAQ», etc. Il est vivement recommandé d’avoir au moins deux versions de chaque page intérieure. Cela donne au client le choix et vous permet de montrer une gamme d’éléments de page sans trop encombrer une seule mise en page..

Éléments: À partir du dernier point, la meilleure pratique généralement acceptée consiste à illustrer les éléments de thème sur des pages séparées. Vous n'avez pas besoin de créer des pages très complexes pour présenter vos éléments, il vous suffit de concevoir un modèle de page réutilisable simple et de l'utiliser pour chacun de vos éléments..

Si vous avez une petite liste d'éléments avec des options simples, vous pouvez les présenter sur une seule page ou les regrouper dans des collections appropriées. Assurez-vous simplement que vous utilisez l'organisation et le regroupement logique. Vous remarquerez par exemple le menu des éléments de thème globax. Les éléments sont regroupés en éléments de typographie, éléments d'interface utilisateur, sociaux, etc.. 

Éléments d'interface utilisateur du thème Globax

Caractéristiques: La page des fonctionnalités est l’une des pages les plus visitées de toutes les démonstrations. Assurez-vous de présenter autant de fonctionnalités que possible de manière propre, simple et attrayante..

Vos acheteurs le trouveront utile si vous regroupez vos fonctionnalités dans une sorte de hiérarchie. Par exemple: fonctionnalités clés, fonctionnalités principales et fonctionnalités supplémentaires. Par exemple:

  • Principales caractéristiques
    • Compositeur visuel inclus
    • Curseur de révolution inclus
    • Panneau d'options de thème avancé
    • Compatibilité WooCommerce
  • Caractéristiques principales
    • Support multilingue
    • Importation démo en un clic
    • Support RTL
    • 10+ démos d'en-tête
    • 100+ éléments personnalisés
    • Blog de mise en page multiple
  • Caractéristiques supplémentaires
    • Variantes à page unique et à pages multiples
    • Réactif et prêt pour la rétine
    • Typographie avancée
    • Icônes Fontawesome incluses
    • Widgets dans un menu

Présentez ces fonctionnalités aussi visuellement que possible. Trop de texte descriptif peut submerger les acheteurs.

2. Menu et navigation

Votre navigation de démonstration doit être aussi intuitive que possible. Assurez-vous qu'il est 100% fonctionnel sur toutes les tailles d'écran. Une navigation complexe peut souvent "casser" sur des fenêtres plus petites.

Essayez de ne pas surcharger votre navigation principale et assurez-vous que la combinaison des éléments de navigation est esthétique. Une navigation déséquilibrée ne fera pas justice à votre démo.

3. Layouts

Si vous souhaitez augmenter les chances de vente de votre thème, envisagez de le rendre multi-disposition. Cela concerne toutes les pages, y compris les publications et les types de publication personnalisés. Les clients aiment pouvoir choisir entre différentes dispositions. Par exemple, pour une archive de blog, vous pouvez envisager une grille, une liste et une présentation complète. Si votre thème offre une barre latérale, faites la démonstration en activant et désactivant la barre latérale.. 

Assurez-vous de pouvoir démontrer toutes ces différentes mises en page dans une seule installation WordPress. Si ce n'est pas possible, vous devriez reconsidérer la logique de votre thème.

4. Mettez en surbrillance les fonctionnalités cachées

Construisez votre démo en utilisant toutes les fonctionnalités de votre thème! Oui! Si votre thème comporte de superbes animations de défilement sur la page, utilisez-les dans votre présentation. Si votre thème comprend un megamenu avec des widgets dans la navigation, créez et organisez votre navigation avec ces fonctionnalités. Si vous avez le support des icônes dans vos éléments de menu en-tête, ajoutez des icônes!

5. Utiliser du contenu authentique

L'une des tâches les plus difficiles lors de la présentation d'un thème est de le transformer en un "véritable" site Web. Il y a beaucoup de générateurs de texte factices comme lorem ipsum, mais je recommande fortement d'utiliser un texte authentique autant que possible. Et pour les images, l'audio, la vidéo et d'autres éléments, je vous recommande d'utiliser des éléments de haute qualité. Le Web peut comprendre principalement du texte, mais une seule mauvaise image sur la page nuira gravement à vos efforts. La même chose s'applique à la typographie. Utilisez des polices de qualité pour montrer les choses sous le meilleur éclairage possible.

6. Inclure un sélecteur d’option frontale

Je ne me souviens plus quand il est devenu standard d'utiliser un commutateur d'options front-end pour les démonstrations de thèmes, mais cela est très attendu de nos jours. Pas vraiment surprenant, car les utilisateurs veulent expérimenter et visualiser au mieux leur futur site web avant d'acheter un thème.

Certains auteurs proposent une connexion d’arrière-plan avec un nom d’utilisateur temporaire pour effectuer des tests complets (avec des plugins tels que login-temporaire-sans-mot-de-passe), tandis que d’autres mettent en évidence les principales options du commutateur d’options front-end sans accès administrateur. Les deux options sont parfaitement utiles, mais je préfère le dernier. Pour cela, j'ai créé un plugin WordPress qui aide à mettre en évidence les principales options. Regarde la démo.

Panneau d'options Enovathemes sur Github

Comme vous pouvez le voir, la démo par défaut met en évidence plusieurs options et vous pouvez ajouter ou supprimer autant d'options que nécessaire à l'aide de paramètres simples.. 

Sachez que ce n'est pas un plugin premium, ni conçu pour des développeurs autres que WordPress. Cela dit, n'hésitez pas à l'utiliser pour votre présentation thématique.

7. Communiquer avec les acheteurs potentiels

De nos jours, il est courant d’utiliser des «discussions avant-vente». Certains auteurs utilisent des plugins pour cela, je préfère utiliser Facebook Messenger (pour cette raison, j'ai également inclus le bouton Messenger dans le plugin d'assistance).

Discuter avec un auteur de thème donnera souvent aux acheteurs potentiels le sentiment de confiance supplémentaire dont ils ont besoin pour effectuer un achat..

8. Optimisez vos démos

L’optimisation de la démonstration par thème est un sujet distinct (et vaste), mais regardons ce que je considère être les points principaux:

  • Assurez-vous que votre hébergement / serveur a une version de PHP d'au moins 7.0
  • Assurez-vous que HTTPS est activé.
  • Assurez-vous de retirer de la file d'attente toutes les bibliothèques js / css et les fichiers utilisés dans votre thème et les plugins installés. Par exemple, de nombreux plug-ins que vous installez avec votre thème peuvent utiliser Masonry ou Fontawesome. Si vous ne les supprimez pas, ces fichiers seront chargés plusieurs fois, ce qui augmente le temps de chargement et la taille de votre démo..
  • Assurez-vous également de ne pas inclure les fichiers js / css dans votre thème s'ils sont présents dans WordPress par défaut..
  • Assurez-vous d’optimiser vos images en utilisant le plugin Smushit Image Compression and Optimization..
  • Et assurez-vous d'optimiser votre site Web en utilisant les commentaires du test de vitesse du site Web Pingdom.
  • Et, une fois que vous êtes satisfait de vos résultats, n'oubliez pas d'activer un plugin de mise en cache. Je préfère WP Super Cache.

9. Finaliser et tester

C'est une partie très importante. Une fois que vous avez conçu, mis au point et optimisé votre démo, vous constaterez que vous n’avez plus aucune force et que vous souhaitez simplement vous détendre, mais le moment est venu de tester! Cruciale: test tout vos pages, sur tout tailles d'écran possibles, avec un débogueur actif

Il est possible que vous ne sachiez jamais exactement pourquoi un client a choisi de ne pas acheter votre article. Cela peut être dû au fait que l'une de vos pages affiche une icône mal alignée dans l'affichage mobile, ou que vous avez oublié de réduire la taille de la police dans l'en-tête de la tablette. Les utilisateurs ont tendance à ne pas penser comme les développeurs; la plupart des utilisateurs traitent votre produit comme ils le trouvent. Ces petites choses agissent donc comme de grands signaux d'alarme..

Après des tests approfondis, n'oubliez pas de désactiver le débogueur et d'effacer le cache.

Conclusion

Dans ce guide, j'ai essayé de décrire autant de bonnes pratiques de démonstration que celles que j'ai apprises au cours de mes années de développement de thèmes premium. Si vous avez d'autres idées ou idées, partagez-les avec nous tous dans la section commentaires. Merci d'avoir lu!