WoodMart Tutoriel : Création d'un Lookbook avec des pages vitrines

Si vous utilisez Thèmes WoodMartLorsque l'on crée un site web de commerce électronique haut de gamme et que l'on souhaite présenter le mélange de styles ou la combinaison de collections d'un produit, une page Lookbook est le moyen idéal de le faire. Elle renforce le ton de la marque et offre aux visiteurs un moyen plus intuitif de voir à quoi ressembleraient les produits dans un scénario réel.

Voici un guide pratique sur la façon de créer un site web beau et fonctionnel avec WoodMart. Lookbook ou la page d'affichage du catalogue.

Image[1]-WoodMart Tutoriel : Créer un Lookbook avec des pages vitrines

Étape 1 : Préparer le contenu de la page et les images

Avant de se salir les mains, il convient de se préparer :

  • Images de scènes ou de modèles de produits de haute qualité
  • Liens vers les produits pour chaque image
  • Court texte d'introduction (facultatif)

La présentation visuelle est au cœur du Lookbook, et la qualité des images détermine l'impression générale de qualité de la page.

Etape 2 : Créer une nouvelle page et activer Elementor ou WPBakery

WoodMart prend en charge deux types de constructeurs de pages :Elementor répondre en chantant WPBakery. Si vous utilisez Elementor, vous pouvez :

  • Allez dans WordPress Backend → Pages → Add New Page
Image[2]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage
  • Nommez-le "Lookbook" ou "Matching Catalogue".
  • Cliquez sur "Edit with Elementor" ou "Edit with WPBakery" pour accéder à l'interface de visualisation.
Image [3]-WoodMart Tutoriel : Créer un Lookbook avec des pages vitrines

Étape 3 : Ajouter un module Lookbook avec les éléments exclusifs de WoodMart

WoodMart Il existe plusieurs widgets intégrés permettant de créer des Lookbooks, tels que

  • Lookbook Image Hotspot Module
    Ce module vous permet d'ajouter des clics multiples sur une image, chaque hotspot pouvant être lié au produit correspondant. Il est couramment utilisé dans les "vêtements de mannequins", les "scènes de ménage" et d'autres affichages.
Image [4]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage
  • Faites glisser l'élément Lookbook Hotspot
  • Chaque hotspot peut être rempli avec le nom du produit, une courte description et des liens de saut.
Image [5]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage
  • Télécharger une photo de style ou de modèle
  • Cliquez sur Add Hotspot pour ajuster la position.
Image [6]-WoodMart Tutoriel : Créer un Lookbook avec des pages vitrines
  • Grille de produits + module de scénarios
    Une bannière peut être insérée au milieu de la page avec la liste des produits en dessous pour créer un sentiment de disparité visuelle.
Image [7]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage
  • Module de combinaison image + bouton
    Convient aux catalogues cloisonnés, tels que le "secteur des vêtements pour hommes", le "secteur des accessoires", etc.
Image [8]-WoodMart Tutoriel : Créer un Lookbook avec des pages vitrines

Étape 4 : Mise en place d'un affichage réactif

Les pages du Lookbook ont tendance à être plus riches en images et en points d'accès.mobileL'adaptation est très importante. Nous vous suggérons de passer à la vue "Tablette" et "Mobile" en haut de l'éditeur et de vérifier si chaque module s'affiche correctement l'un après l'autre. En particulier la position du hotspot, qui doit parfois être ajustée sur un petit écran.

Image [9]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage

Étape 5 : Ajouter des boutons de navigation ou des fils d'Ariane

Pour améliorer l'expérience de saut de page, vous pouvez ajouter un bouton "Retour au centre commercial" ou "Voir tous les produits" en haut de la page afin d'éviter que les utilisateurs ne se perdent après avoir parcouru le Lookbook.

Image [10]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage

Si WoodMart'snavigation en fil d'Ariane(fil d'Ariane), il est recommandé de placer la page du Lookbook dans la sectionMenu de navigation principalmiles, ce qui permet aux visiteurs de le trouver plus facilement.

Étape 6 : Publier et tester les liens de saut

Après avoir terminé le contenu de la page, cliquez sur "Publier" et prévoyez l'effet dans le frontend.

Image [11]-WoodMart Tutoriel : Créer un Lookbook avec des pages d'affichage

Concentrez-vous sur la vérification des points suivants :

  • Si chaque hotspot saute correctement
  • L'image se charge-t-elle sans problème ?
  • La page s'affiche-t-elle clairement sur les téléphones portables ?

Conseil : Comment augmenter les conversions de Lookbook ?

  • Ajoutez la mention "Acheter maintenant" au bas de chaque image.boutonsou lien
  • Ajouter un délaiÉtiquettes promotionnelles(par exemple, "nouveaux produits", "chauds", "réduction limitée dans le temps")
  • Utilisez une page Lookbook avec la génération de leads par les médias sociaux pour inciter les utilisateurs à cliquer.

résumés

La création d'une page de Lookbook dans WoodMart n'est pas compliquée, la clé réside dans la conception visuelle et les liens avec les produits. Préparez des matériaux de qualité et utilisez à bon escient les fonctions dynamiques et les liens vers les produits pour donner à votre marque un aspect et une impression plus professionnels, ainsi que pour stimuler la croissance de votre entreprise.taux de conversion.

Si vous souhaitez créer des effets Lookbook plus complexes, tels que des balayages horizontaux, des arrière-plans vidéo, etc,fenêtre contextuelleLe thème WoodMart offre également un support solide pour les achats et plus encore.


Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !
Service clientèle WeChat
Service clientèle WeChat
Tel : 020-2206-9892
QQ咨询:1025174874
(iii) Courriel : info@361sale.com
Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.
© Déclaration de reproduction
Cet article a été rédigé par Little Lin
LA FIN
Si vous l'aimez, soutenez-le.
félicitations689 partager (joies, avantages, privilèges, etc.) avec les autres
commentaires achat de canapé

Veuillez vous connecter pour poster un commentaire

    Pas de commentaires