version gratuite<\/a>La fonction de basculement n'est disponible que dans la version pro.<\/p>\n\n\n\n\u00c9tape 2 : Ajouter la bascule pour le bloc Tableberg<\/h3>\n\n\n\n Tableberg Pro est livr\u00e9 avec un puissant Bascule pour Tableberg<\/strong> qui vous permet d'organiser les tableaux en onglets sans effort.<\/p>\n\n\n\nPour ajouter ce bloc :<\/p>\n\n\n\n
\nOuvrez l'\u00e9diteur WordPress et cliquez sur le bouton + bouton<\/strong> pour ajouter un nouveau bloc.<\/li>\n\n\n\nRechercher Bascule pour Tableberg<\/strong> et le s\u00e9lectionner.<\/li>\n\n\n\nLe bloc de basculement sera ajout\u00e9 \u00e0 votre \u00e9diteur.<\/li>\n<\/ol>\n\n\n\n\u00c9tape 3 : Cr\u00e9er un tableau des prix dans le premier onglet<\/h3>\n\n\n\n A l'int\u00e9rieur de la Bascule pour Tableberg<\/strong> vous pouvez cr\u00e9er un tableau \u00e0 partir de z\u00e9ro ou choisir un tableau pr\u00e9-construit. Pour les besoins de ce tutoriel, nous choisirons un tableau pr\u00e9-construit. <\/p>\n\n\n\n\nA l'int\u00e9rieur de la Bascule pour Tableberg<\/strong> vous pouvez <\/li>\n\n\n\nCliquez sur le bouton + bouton<\/strong> \u00e0 l'int\u00e9rieur de l'onglet et rechercher le Tableberg<\/strong> bloc.<\/li>\n\n\n\nD\u00e9finissez le nombre de lignes et de colonnes de votre tableau de tarification (par exemple, 3\u00d73 pour trois plans).<\/li>\n\n\n\n La mise en page du tableau est g\u00e9n\u00e9r\u00e9e instantan\u00e9ment.<\/li>\n<\/ol>\n\n\n\n\u00c9tape 4 : Ajouter\/modifier le contenu du tableau<\/h3>\n\n\n\n Il est maintenant temps d'ajouter ou de modifier le contenu de votre tableau des prix.<\/p>\n\n\n\n
# Ajouter des titres de colonnes<\/strong><\/h4>\n\n\n\n\nCliquez sur la premi\u00e8re ligne et saisissez les noms des plans tarifaires (par exemple, Basic, Standard, Premium).<\/li>\n\n\n\n Alignez-les au centre et augmentez la taille des caract\u00e8res pour une meilleure visibilit\u00e9.<\/li>\n<\/ul>\n\n\n\n# Ajouter des plans de tarification<\/strong><\/h4>\n\n\n\n\nDans la deuxi\u00e8me ligne, indiquez la tarification de chaque plan.<\/li>\n\n\n\n Utiliser le Option de mise en \u00e9vidence<\/strong> pour diff\u00e9rencier les prix.<\/li>\n<\/ul>\n\n\n\n# Liste des caract\u00e9ristiques du produit<\/strong><\/h4>\n\n\n\n\nChaque colonne doit comporter une liste des caract\u00e9ristiques du plan concern\u00e9.<\/li>\n\n\n\n Tableberg vous permet d'ins\u00e9rer un Bloc de listes<\/strong> directement \u00e0 l'int\u00e9rieur du tableau.<\/li>\n<\/ul>\n\n\n\n# Ajouter des boutons CTA<\/strong><\/h4>\n\n\n\n\nUtiliser le Bloc de boutons<\/strong> \u00e0 l'int\u00e9rieur de Tableberg pour cr\u00e9er des boutons d'appel \u00e0 l'action (par exemple, \"Acheter maintenant\" ou \"Commencer\").<\/li>\n\n\n\nPersonnalisez le texte, la couleur et le style du bouton.<\/li>\n<\/ul>\n\n\n\n\u00c9tape 5 : Ajouter un autre tableau de tarification dans un nouvel onglet<\/h3>\n\n\n\n Cliquez sur le bouton Onglet 2<\/strong> dans le bloc Toggle for Tableberg pour ajouter un nouveau tableau dans un autre onglet. R\u00e9p\u00e9tez ensuite les m\u00eames \u00e9tapes que ci-dessus pour cr\u00e9er un autre tableau de tarification pour le nouvel onglet.<\/p>\n\n\n\nUne fois ces \u00e9tapes termin\u00e9es, votre tableau de tarification avec fonction de basculement sera pr\u00eat. Pr\u00e9visualisez votre tableau pour v\u00e9rifier que tout fonctionne correctement.<\/p>\n\n\n\n
\u00c9tape 6 : Personnaliser la bascule pour le bloc Tableberg<\/h3>\n\n\n\n Pour rendre votre tableau de tarification plus attrayant et plus conforme \u00e0 votre marque, vous pouvez personnaliser la rubrique Bascule pour Tableberg<\/strong> bloc :<\/p>\n\n\n\nRenommer les bascules<\/strong>: Cliquez sur chaque onglet et modifiez son intitul\u00e9 pour qu'il corresponde \u00e0 vos plans de tarification, par exemple mensuel, annuel ou \u00e0 vie.<\/p>\n\n\n\nModifier l'alignement des onglets<\/strong>: Dans le panneau des param\u00e8tres du bloc, choisissez d'aligner les onglets \u00e0 gauche, au centre ou \u00e0 droite en fonction de vos pr\u00e9f\u00e9rences en mati\u00e8re de conception.<\/p>\n\n\n\nStyle des onglets<\/strong>: Dans l'onglet Styles, personnalisez la couleur d'arri\u00e8re-plan, la couleur du texte et la bordure des boutons pour les rendre visuellement coh\u00e9rents avec le design de votre site.<\/p>\n\n\n\nCes simples personnalisations peuvent grandement am\u00e9liorer l'exp\u00e9rience de l'utilisateur et faire en sorte que votre tableau des prix s'int\u00e8gre parfaitement \u00e0 l'aspect g\u00e9n\u00e9ral de votre site web.<\/p>\n\n\n\n
Conclusion<\/h3>\n\n\n\n La cr\u00e9ation de tableaux de prix avec une fonction de basculement est essentielle pour une exp\u00e9rience utilisateur transparente. Avec les Tableberg Toggle du pro pour Tableberg<\/strong> vous pouvez d\u00e9sormais cr\u00e9er des tableaux de prix interactifs directement dans WordPress sans avoir recours \u00e0 des plugins suppl\u00e9mentaires.<\/p>\n\n\n\nEssayez-le et dites-nous ce que vous en pensez dans les commentaires ci-dessous !<\/p>","protected":false},"excerpt":{"rendered":"
Creating a pricing table is a must if you want to sell your products and services through your website. But to display multiple pricing plans that customers can compare easily without leaving the page, you must add the toggle feature to the table. The toggle feature allows users to navigate or switch between different sets […]<\/p>\n","protected":false},"author":1,"featured_media":8135,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7],"tags":[8,86],"class_list":["post-1514","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","tag-create-a-table","tag-pricing-tables"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/How-to-Create-a-Pricing-Table-With-Toggle-Switch.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\/1514","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=1514"}],"version-history":[{"count":4,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1514\/revisions"}],"predecessor-version":[{"id":8134,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/1514\/revisions\/8134"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/8135"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=1514"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=1514"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=1514"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Inserting-Toggle-for-Tableberg-Block-1024x583.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Adding-a-Table-inside-the-Toggle-for-Tableberg-Block.gif\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Changing-the-Tabs-Name-1024x571.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Changing-Tab-Alignment-1024x625.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/03\/Styles-Tab-1024x656.png\")
<\/figure>\n\n\n\n