Guide complet pour personnaliser les pages de produits individuels avec Elementor WooCommerce Builder

Elementor WooCommerce Builder offre une grande flexibilité dans la conception de sites Web WooCommerce, en particulier lorsqu'il s'agit de personnaliser des pages de produits individuelles et des modèles de pages d'archives. Avec ce puissant constructeur, vous avez un contrôle total sur la mise en page et le design de chaque page, ce qui garantit que votre boutique en ligne n'est pas seulement belle mais aussi puissante.

Cet article explique en détail comment utiliser Elementor WooCommerce Builder Créez des modèles de page produit individuels et passez en revue toutes les sections incluses dans une page produit WooCommerce normale et leurs widgets Elementor correspondants, une par une. Grâce à ces widgets, il est facile de personnaliser l'aspect et les fonctionnalités de la page, de l'image du produit à la disposition et au style des boutons du panier, en veillant à ce que chaque détail corresponde au style de votre marque.

Elementor WooCommerce Builder Composants de page produit et leurs widgets

Dans une page produit WooCommerce, chaque élément est une partie distincte. Vous trouverez ci-dessous toutes les parties principales et leurs widgets correspondants qui composent une page produit unique :

Menu Panier Widget

Fonctionnalité: Ce widget personnalisé fait apparaître le panier d'achat dans une fenêtre, ce qui permet à l'utilisateur de visualiser et de gérer le contenu du panier sans quitter la page en cours.
personnalisationElementor : Avec Elementor, vous pouvez définir l'apparence du panier d'achat, la façon dont il s'ouvre, l'endroit où il est affiché, et bien plus encore, pour une expérience utilisateur plus fluide.

WooCommerce Breadcrumb Widget

FonctionnalitéAffiche le chemin de la page (navigation en fil d'Ariane) pour aider les utilisateurs à comprendre rapidement où ils se trouvent dans le site et à revenir facilement à la page précédente.
personnalisationVous pouvez contrôler la couleur, la police, la taille et la disposition des fils d'Ariane afin de vous assurer qu'ils sont cohérents avec le style général de la page.

Titre du produit

FonctionnalitéLe nom et le titre du produit sont affichés et constituent l'une des parties essentielles de la page.
personnalisationLa police, la taille, la couleur et la position du titre peuvent être ajustées pour s'assurer que le titre du produit ressort sur la page et qu'il est cohérent avec l'ensemble de la conception.

Widget prix des produits

FonctionnalitéLe prix du produit doit être mis en évidence pour attirer l'attention de l'utilisateur.
personnalisationVous pouvez contrôler la position de l'affichage des prix, le style de police, la couleur, etc. pour vous assurer que les informations sur les prix sont claires et faciles à voir.

Widget d'évaluation des produits

FonctionnalitéLes produits peuvent être évalués par les utilisateurs afin d'accroître leur crédibilité.
personnalisationCe widget vous permet d'ajuster le style, la couleur et l'espacement des étoiles d'évaluation par rapport au reste du contenu.

Brève description du widget

FonctionnalitéDescription du produit : affiche une brève description du produit pour aider les utilisateurs à comprendre rapidement le produit.
personnalisationLa description de l'utilisateur : Vous pouvez contrôler la mise en page, le style de police et l'emplacement de la description afin de vous assurer qu'elle attire l'attention de l'utilisateur.

Widgets de stock de produits

FonctionnalitéLes informations relatives à l'inventaire des produits sont affichées afin d'informer les utilisateurs de la disponibilité des produits.
personnalisationTexte d'inventaire : Vous pouvez définir le style, la position et l'affichage du texte d'inventaire afin d'aider les utilisateurs à comprendre l'état de l'inventaire.

Widget d'ajout au panier

Fonctionnalité: Il s'agit de l'un des principaux éléments d'une page produit WooCommerce, qui permet aux utilisateurs d'ajouter des produits directement dans le panier d'achat.
personnalisationAvec Elementor, vous avez un contrôle total sur la mise en page, la couleur, la taille de la police, etc. du bouton Ajouter au panier pour vous assurer qu'il est suffisamment visible.

Widgets méta produits

FonctionnalitéAffiche des informations supplémentaires sur le produit, par exemple la classification, l'étiquetage, etc.
personnalisationVous pouvez contrôler l'espacement entre les textes, la façon dont ils sont affichés (empilés ou en ligne) et le style des métadonnées pour vous assurer qu'ils sont en harmonie avec la conception générale de la page.

Widget d'étiquette de données de produits

FonctionnalitéAffiche des étiquettes de données détaillées pour les produits, y compris les attributs, les spécifications, etc. des produits.
personnalisationVous pouvez définir le style, la couleur et la présentation des étiquettes de données selon vos besoins.

Widget d'images de produits

FonctionnalitéLa page d'accueil : elle présente l'image principale ou la galerie du produit, qui est un élément visuel important pour attirer les utilisateurs.
personnalisationVous pouvez définir la taille des images, leur mode d'affichage (diaporama ou affichage statique) et veiller à ce que la vitesse de chargement des images soit optimisée.

Vente incitative de widgets

FonctionnalitéLes produits de vente incitative sont présentés de manière à encourager les utilisateurs à acheter d'autres produits connexes.
personnalisationVous pouvez définir le style d'affichage, la disposition et la distance par rapport au produit principal du produit de montée en gamme.

Widgets relatifs aux produits

FonctionnalitéLe produit en question est le même que celui de l'utilisateur : il affiche d'autres produits liés au produit actuel, ce qui incite l'utilisateur à acheter.
personnalisationVous pouvez contrôler le style d'affichage et la disposition des produits apparentés.

Widget d'informations complémentaires

FonctionnalitéLes informations sur les produits : fournir aux utilisateurs des informations plus détaillées sur le produit, telles que le matériau et la taille.
personnalisationLes informations complémentaires peuvent être affichées dans un style et une disposition qui les rendent faciles à comprendre et à coordonner avec les autres éléments de la page.

Comment créer un modèle de page produit unique

utiliser Elementor WooCommerce BuilderVous pouvez facilement créer desModèles de pages de produits individuelset l'appliquer à toutes les pages de produits du site. Voici les étapes détaillées :

Aller à Theme Builder
Naviguez jusqu'à la page d'accueil de l'administration de WordPress. modèle > Constructeur de thèmes.

Sélectionner des modèles de produits individuels Dans le générateur de thèmes, cliquez sur "Ajouter un nouveau modèle", sélectionnez "Produit unique"comme type de modèle et le nommer.

Insérer un bloc de produits Dans la galerie de modèles, vous pouvezoptionDes individus qui ont été conçusModule de produit Bloc et insertou choisirModèles viergesLe site Web de l'entreprise permet de concevoir des pages de produits personnalisées.

Page de conception
- En se basant sur les exigences de conception précédentes, en ajoutant et en ajustant les éléments suivants fournis par Elementor WooCommerce WidgetPersonnaliser la page.

Publier et appliquer les conditions
- Lorsque la conception est terminée, cliquez sur "poste"Bouton.
- Le système vous demandera de définir les conditions d'affichage. Vous pouvez choisir d'appliquer ce modèle à toutes les pages de produits ou à des catégories de produits spécifiques. Une fois la sélection des conditions terminée, votre modèle prendra effet immédiatement.

rendre un verdict

Avec Elementor WooCommerce Builder, vous êtes libre de concevoir des modèles de pages de produits WooCommerce uniques sans écrire de code. Cet outil vous donne non seulement un contrôle total sur la mise en page et le design de la page, mais aussi la possibilité de peaufiner chaque détail à l'aide de divers widgets.

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