\u00c9tape 1 : Installer et activer le plugin Tableberg<\/h2>\n\n\n\n Le tableau par d\u00e9faut de WordPress n'est pas suffisant pour cr\u00e9er des tableaux complets de sp\u00e9cifications 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\u00e9faut.<\/p>\n\n\n\n
Tableberg<\/strong> est un plugin de construction de tableau personnalis\u00e9 avec de nombreuses fonctionnalit\u00e9s avanc\u00e9es. Vous pouvez l'utiliser sur WordPress comme le bloc de tableau par d\u00e9faut. Mais d'abord, installer<\/strong> et activer<\/strong> le plugin dans la section des plugins de votre backend.<\/p>\n\n\n\n\u00c9tape 2 : Ajouter le bloc Tableberg \u00e0 l'\u00e9diteur de votre article ou de votre page<\/h2>\n\n\n\n Ouvrez un nouvel article, une nouvelle page ou un article existant. Ouvrez la biblioth\u00e8que de blocs Gutenberg en cliquant sur le bouton Plus (+)<\/strong> ic\u00f4ne. Trouvez le bloc en tapant TableBerg dans le champ de recherche. <\/p>\n\n\n\nD\u00e9finissez le num\u00e9ro de la ligne et de la colonne. Apr\u00e8s avoir d\u00e9fini un chiffre initial, vous pouvez m\u00eame modifier les num\u00e9ros de ligne et de colonne si n\u00e9cessaire. Mais pour l'instant, nous d\u00e9finissons le colonne<\/strong> et rang\u00e9e<\/strong> nombre 6*3<\/strong>.<\/p>\n\n\n\n\u00c9tape 3 : Commencer \u00e0 ajouter du contenu au tableau<\/h2>\n\n\n\n Ce tableau de sp\u00e9cification \u00e9tant destin\u00e9 aux produits de commerce \u00e9lectronique, nous ajouterons les images de nos produits sur la premi\u00e8re ligne.<\/p>\n\n\n\n
# Ajouter des images <\/strong><\/p>\n\n\n\nS\u00e9lectionnez une cellule de la ligne sup\u00e9rieure. La page Gutenberg plus (+)<\/strong> appara\u00eet. En cliquant dessus, s\u00e9lectionnez et ajoutez le Bloc d'images<\/strong> dans la cellule. Ensuite, ajoutez l'image souhait\u00e9e \u00e0 la cellule et suivez la m\u00eame m\u00e9thode pour l'autre cellule.<\/p>\n\n\n\nVous pouvez voir que nous avons ajout\u00e9 deux images de deux de nos produits au tableau. Ensuite, nous avons nomm\u00e9 le produit au-dessus des images. <\/p>\n\n\n\n
En cliquant sur le bouton Ic\u00f4ne de d\u00e9placement vers le bas<\/strong> dans la barre d'outils, vous pouvez faire appara\u00eetre ces noms en dessous de l'image. <\/p>\n\n\n\nVous pouvez changer la couleur du nom du produit pour attirer l'attention des visiteurs. S\u00e9lectionnez le texte du nom et appuyez sur la touche Plus d'options<\/strong> dans la barre d'outils Gutenberg. Cliquez sur Mise en \u00e9vidence<\/strong> dans la liste et choisissez une couleur appropri\u00e9e pour le texte.<\/p>\n\n\n\nVous pouvez voir que nous avons utilis\u00e9 le code couleur #2b7186<\/strong> sur le texte.<\/p>\n\n\n\n# Ajouter un prix <\/strong><\/p>\n\n\n\nVenez dans une nouvelle colonne en bas et mettez Prix<\/strong> comme nom. Placez les prix dans les cellules situ\u00e9es sous la colonne correspondante. Nous avons l\u00e9g\u00e8rement agrandi le texte du prix en utilisant l'option sous Typographie<\/strong>. <\/p>\n\n\n\nEnsuite, nous avons modifi\u00e9 sa couleur \u00e0 l'aide de la fonction Option de mise en \u00e9vidence<\/strong> de la m\u00eame mani\u00e8re que nous vous l'avons montr\u00e9 il y a quelques instants.<\/p>\n\n\n\n# Ajouter une cote<\/strong><\/p>\n\n\n\nRevenir \u00e0 une nouvelle colonne et la nommer Notations<\/strong>. TableBerg n'a pas encore de bloc d'\u00e9valuation. Mais \u00e0 l'heure o\u00f9 vous lisez ce billet, il est possible que le bloc Classement soit disponible.<\/p>\n\n\n\nVeuillez v\u00e9rifier si le bloc est disponible avec le plugin. Sinon, vous pouvez afficher les \u00e9valuations en texte brut. Le premier est la moyenne de toutes les \u00e9valuations collect\u00e9es. Le premier est la moyenne de toutes les \u00e9valuations recueillies. Le second est le nombre total d'\u00e9valuations re\u00e7ues.<\/p>\n\n\n\nCaract\u00e9ristiques de la liste #<\/strong><\/p>\n\n\n\nEnfin, il est temps de dresser la liste de toutes les caract\u00e9ristiques des produits (appareil photo). Vous pouvez utiliser des lignes distinctes pour chaque caract\u00e9ristique. Vous pouvez voir que nous avons list\u00e9 toutes les caract\u00e9ristiques du produit dans le tableau.<\/p>\n\n\n\n# Ajouter des boutons CTA<\/strong><\/p>\n\n\n\nLes boutons CTA ne sont pas obligatoires dans le tableau des sp\u00e9cifications du produit. Cependant, vous pouvez les ajouter pour essayer de voir si certaines personnes ach\u00e8tent vos produits. En cliquant sur le bouton Ic\u00f4ne plus (+)<\/strong>, ajouter le Bloc de boutons<\/strong> dans le tableau, et cr\u00e9ez vos boutons CTA.<\/p>\n\n\n\n\u00c9tape 4 : Pr\u00e9visualisation du tableau des sp\u00e9cifications du produit<\/h2>\n\n\n\n \u00c0 ce stade, votre tableau est cens\u00e9 \u00eatre pr\u00eat. Passez en mode pr\u00e9visualisation et jetez un dernier coup d'\u0153il \u00e0 votre tableau pour voir s'il est pr\u00eat \u00e0 \u00eatre mis en ligne. S'il n'y a pas de probl\u00e8me, vous pouvez publier le tableau.<\/p>\n\n\n\nConclusion<\/h2>\n\n\n\n Ainsi, vous pouvez cr\u00e9er des tableaux de sp\u00e9cifications de produits sur votre site WordPress. Mais avant de terminer, voici quelques conseils essentiels. Utilisez un langage simple pour d\u00e9crire les caract\u00e9ristiques de votre produit.<\/p>\n\n\n\n
Organisez le contenu de mani\u00e8re logique, sans laisser de vide informationnel. Donnez la priorit\u00e9 aux informations les plus importantes. Enfin, concevez le tableau de mani\u00e8re \u00e0 ce qu'il soit adapt\u00e9 aux mobiles, afin de garantir une exp\u00e9rience optimale pour l'utilisateur. <\/p>\n\n\n\n
Lire aussi : 7 meilleurs plugins de sp\u00e9cifications de produits pour WooCommerce<\/a><\/p>","protected":false},"excerpt":{"rendered":"A product specification table showcases the key features, specifications, and details of a product. You can create product specification tables for both software and eCommerce products. It can help you cover a detailed overview of the product concisely so people can compare multiple products and make informed decisions. In this article, we’ll show you how […]<\/p>\n","protected":false},"author":1,"featured_media":6743,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,9],"class_list":["post-534","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/How-to-Create-a-Product-Specification-Table-in-WordPress-.png","author_info":{"display_name":"Istiak Rayhan","author_link":"https:\/\/tableberg.com\/fr\/author\/wpx_irayhan\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=534"}],"version-history":[{"count":3,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/534\/revisions"}],"predecessor-version":[{"id":6745,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/534\/revisions\/6745"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/6743"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=534"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=534"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/05\/Tableberg.png\")
<\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/06\/Tableberg-Installation-1024x569.png\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Find-and-add-the-TableBerg-block-to-your-Gutenberg-editor.webp\")
<\/figure>\n\n\n\n![\"D\u00e9finir](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/01\/Set-the-row-and-column-number-1024x522.png\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-images-to-the-product-specification-table-1024x522.webp\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-product-image-and-its-name-to-the-product-specification-table.webp\")
<\/figure>\n\n\n\n![\"Mettre](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Highlight-the-product-name.webp\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-price-to-the-product-specification-table.webp\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Add-rating-to-the-product-specification-table.webp\")
<\/figure>\n\n\n\n![\"Dressez](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/List-all-the-product-features-in-the-table.webp\")
<\/figure>\n\n\n\n![\"Ajouter](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/SCR-20240206-uogx.webp\")
<\/figure>\n\n\n\n![\"Aper\u00e7u](\"https:\/\/tableberg.com\/wp-content\/uploads\/2024\/02\/Preview-the-Product-Specification-Table.webp\")
<\/figure>\n\n\n\n