Comment créer un tableau de spécifications de produits dans WordPress

Un tableau de spécifications produit présente les principales caractéristiques, les spécifications et les détails d'un produit. Vous pouvez créer des tableaux de spécifications de produits pour les logiciels et les produits de commerce électronique.

Il peut vous aider à présenter une vue d'ensemble détaillée du produit de manière concise afin que les gens puissent comparer plusieurs produits et prendre des décisions en connaissance de cause.

Dans cet article, nous vous montrerons comment créer un tableau de spécification des produits dans WordPress pour les produits Amazon eCommerce avec un guide étape par étape.

Créer de belles tables
Avec l'éditeur de blocs

Étape 01 : Installation et activation du plugin TableBerg

Le tableau par défaut de WordPress n'est pas suffisant pour créer des tableaux complets de spécifications de produits. En effet, il n'est pas possible d'ajouter des images, des boutons CTA et bien d'autres options au bloc de tableau par défaut.

TableBerg est un plugin de construction de tableau personnalisé avec de nombreuses fonctionnalités avancées. Vous pouvez l'utiliser sur WordPress comme le bloc de tableau par défaut. Mais d'abord, installer et activer le plugin dans la section des plugins de votre backend.

Installer et activer le plugin TableBerg

Étape 02 : Ajouter le bloc TableBerg à l'éditeur de votre article ou de votre page

Ouvrez un nouvel article, une nouvelle page ou un article existant. Ouvrez la bibliothèque de blocs Gutenberg en cliquant sur le bouton Plus (+) icône. Trouvez le bloc en tapant TableBerg dans le champ de recherche.

Ajouter le bloc TableBerg à l'éditeur de votre article ou de votre page

Définissez le numéro de la ligne et de la colonne. Après avoir défini un chiffre initial, vous pouvez même modifier les numéros de ligne et de colonne si nécessaire. Mais pour l'instant, nous définissons le colonne et rangée nombre 6*3.

Définir le numéro de la ligne et de la colonne

Étape 03 : Commencer à ajouter du contenu au tableau

Ce tableau de spécification étant destiné aux produits de commerce électronique, nous ajouterons les images de nos produits sur la première ligne.

# Ajouter des images

Sélectionnez une cellule de la ligne supérieure. La page Gutenberg plus (+) apparaît. En cliquant dessus, sélectionnez et ajoutez le Bloc d'images dans la cellule. Ensuite, ajoutez l'image souhaitée à la cellule et suivez la même méthode pour l'autre cellule.

Ajouter des images au tableau des spécifications du produit

Vous pouvez voir que nous avons ajouté deux images de deux de nos produits au tableau. Ensuite, nous avons nommé le produit au-dessus des images.

En cliquant sur le bouton Icône de déplacement vers le bas dans la barre d'outils, vous pouvez faire apparaître ces noms en dessous de l'image.

Ajouter l'image du produit et son nom au tableau des spécifications du produit

Vous pouvez changer la couleur du nom du produit pour attirer l'attention des visiteurs. Sélectionnez le texte du nom et appuyez sur la touche Plus d'options dans la barre d'outils Gutenberg. Cliquez sur Mise en évidence dans la liste et choisissez une couleur appropriée pour le texte.

Vous pouvez voir que nous avons utilisé le code couleur #2b7186 sur le texte.

Mettre en évidence le nom du produit

# Ajouter un prix

Venez dans une nouvelle colonne en bas et mettez Prix comme nom. Placez les prix dans les cellules situées sous la colonne correspondante. Nous avons légèrement agrandi le texte du prix en utilisant l'option sous Typographie.

Ensuite, nous avons modifié sa couleur à l'aide de la fonction Option de mise en évidence de la même manière que nous vous l'avons montré il y a quelques instants.

Ajouter des prix au tableau des spécifications du produit

# Ajouter une cote

Revenir à une nouvelle colonne et la nommer Notations. TableBerg n'a pas encore de bloc d'évaluation. Mais à l'heure où vous lisez ce billet, il est possible que le bloc Classement soit disponible.

Veuillez vérifier si le bloc est disponible avec le plugin. Sinon, vous pouvez afficher les évaluations en texte brut. Le premier est la moyenne de toutes les évaluations collectées. Le premier est la moyenne de toutes les évaluations recueillies. Le second est le nombre total d'évaluations reçues.

Ajouter une note au tableau des spécifications du produit

Caractéristiques de la liste #

Enfin, il est temps de dresser la liste de toutes les caractéristiques des produits (appareil photo). Vous pouvez utiliser des lignes distinctes pour chaque caractéristique. Vous pouvez voir que nous avons listé toutes les caractéristiques du produit dans le tableau.

Dressez la liste de toutes les caractéristiques du produit dans le tableau

# Ajouter des boutons CTA

Les boutons CTA ne sont pas obligatoires dans le tableau des spécifications du produit. Cependant, vous pouvez les ajouter pour essayer de voir si certaines personnes achètent vos produits. En cliquant sur le bouton Icône plus (+), ajouter le Bloc de boutons dans le tableau, et créez vos boutons CTA.

Ajouter des boutons CTA au tableau des spécifications des produits dans WordPress

Étape 04 : Prévisualisation du tableau des spécifications du produit

À ce stade, votre tableau est censé être prêt. Passez en mode prévisualisation et jetez un dernier coup d'œil à votre tableau pour voir s'il est prêt à être mis en ligne. S'il n'y a pas de problème, vous pouvez publier le tableau.

Aperçu du tableau des spécifications du produit

Conclusion

Ainsi, vous pouvez créer des tableaux de spécifications de produits sur votre site WordPress. Mais avant de terminer, voici quelques conseils essentiels. Utilisez un langage simple pour décrire les caractéristiques de votre produit.

Organisez le contenu de manière logique, sans laisser de vide informationnel. Donnez la priorité aux informations les plus importantes. Enfin, concevez le tableau de manière à ce qu'il soit adapté aux mobiles, afin de garantir une expérience optimale pour l'utilisateur.

Voici un guide sur comment créer un tableau de comparaison des produits.



L'équipe Tableberg

L'offre de réservation anticipée est en ligne dès maintenant !
Texte par défaut de la barre de notification