{"id":8698,"date":"2025-05-02T22:58:12","date_gmt":"2025-05-02T22:58:12","guid":{"rendered":"https:\/\/tableberg.com\/?p=8698"},"modified":"2025-05-04T10:00:53","modified_gmt":"2025-05-04T10:00:53","slug":"comment-creer-une-bascule-de-prix-mensuelle-et-annuelle-dans-wordpress","status":"publish","type":"post","link":"https:\/\/tableberg.com\/fr\/how-to-create-a-monthly-yearly-pricing-toggle-in-wordpress\/","title":{"rendered":"Comment cr\u00e9er une grille de prix mensuelle\/annuelle dans WordPress"},"content":{"rendered":"

Les acheteurs d'aujourd'hui \u00e9valuent les options en quelques secondes : certains examinent les prix, d'autres comparent les caract\u00e9ristiques, et beaucoup d\u00e9battent des plans mensuels ou annuels. Dans cet environnement de prise de d\u00e9cision en une fraction de seconde, la conception de votre tableau de prix devient un facteur d\u00e9cisif pour les conversions.<\/p>\n\n\n\n

Si vous g\u00e9rez une entreprise de services ou d'abonnements, votre tableau des prix ne doit pas se contenter d'\u00e9num\u00e9rer des options pour convertir les visiteurs en clients payants. Il doit guider l'attention, faciliter les comparaisons et donner l'impression que le meilleur plan est celui qui s'impose.<\/p>\n\n\n\n

Un tableau de prix bien con\u00e7u, avec un basculement mensuel\/annuel, transforme un tableau de prix standard en quelque chose de beaucoup plus dynamique et ax\u00e9 sur l'utilisateur. Il ne se contente pas d'afficher des options, il guide activement l'\u0153il, met l'accent sur les \u00e9conomies et \u00e9limine les frictions li\u00e9es aux comparaisons.<\/p>\n\n\n\n

Dans ce guide, vous apprendrez \u00e0 cr\u00e9er un tableau de prix mensuels et annuels dans WordPress en utilisant un format de tableau qui s'affiche parfaitement sur tous les appareils.<\/p>\n\n\n\n

<\/span>
\n

Tarification mensuelle\/annuelle Toggle<\/p>\n\n\n\n

Mensuel<\/p>\n <\/div>\n

Annuel<\/p>\n <\/div><\/nav>

\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

De base<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Entreprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Pour les particuliers<\/p>\n<\/div><\/td>\n\n

\n

Pour les startups<\/p>\n<\/div><\/td>\n\n

\n

Pour les grandes entreprises<\/p>\n<\/div><\/td>\n<\/tr>

\n

$99\/mois<\/p>\n<\/div><\/td>\n\n

\n

$199\/mois<\/p>\n<\/div><\/td>\n\n

\n

$299\/mois<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 250 000 visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien normal<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 3 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 1 000 000 de visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien Premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 10 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 5 000 000 de visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien d\u00e9di\u00e9<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 50 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Commencer<\/div><\/div><\/div><\/td>\n\n
Commencer<\/div><\/div><\/div><\/td>\n\n
Commencer<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div>\n\n
\n\t\t\t
\n\t\t\t\t<\/colgroup>\n\n\n\n\n
\n

De base<\/p>\n<\/div><\/th>\n\n

\n

Pro<\/p>\n<\/div><\/th>\n\n

\n

Entreprise<\/p>\n<\/div><\/th>\n<\/tr>

\n

Pour les particuliers<\/p>\n<\/div><\/td>\n\n

\n

Pour les startups<\/p>\n<\/div><\/td>\n\n

\n

Pour les grandes entreprises<\/p>\n<\/div><\/td>\n<\/tr>

\n

$990\/an<\/p>\n<\/div><\/td>\n\n

\n

$1990\/an<\/p>\n<\/div><\/td>\n\n

\n

$2990\/an<\/p>\n<\/div><\/td>\n<\/tr>

\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 250 000 visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien normal<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 3 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 1 000 000 de visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien Premium<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 10 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n\n
\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Toutes les fonctions d'analyse<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 5 000 000 de visites suivies<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Soutien d\u00e9di\u00e9<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li>\n\n
  • \n\t\t\t
    \n\t\t\t\t
    <\/svg><\/div>\n\t\t\t\t\t
    Jusqu'\u00e0 50 membres de l'\u00e9quipe<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n
    <\/div>\n\n\t\t\t<\/li><\/ul>\n<\/div><\/td>\n<\/tr>
Commencer<\/div><\/div><\/div><\/td>\n\n
Commencer<\/div><\/div><\/div><\/td>\n\n
Commencer<\/div><\/div><\/div><\/td>\n<\/tr><\/tbody><\/table>\n\t\t\t<\/div>\n\t\t<\/div><\/div>\n<\/div><\/div>\n\n\n

Construit avec Tableberg<\/a><\/p>\n<\/div><\/div>\n\n\n\n

\n\n\n\n

Comment ajouter un bouton de tarification mensuelle\/annuelle dans WordPress<\/strong><\/h2>\n\n\n\n

Maintenant que vous savez comment une bascule de prix permet de simplifier les comparaisons et de mettre en \u00e9vidence la valeur, voyons les \u00e9tapes pour en cr\u00e9er une \u00e0 l'aide du plugin Tableberg.<\/p>\n\n\n\n

\u00c9tape 1 : Installer et activer Tableberg<\/strong><\/h3>\n\n\n\n

Rendez-vous dans votre tableau de bord WordPress, allez dans Plugins \u2192 Add New, recherchez Tableberg, puis cliquez sur Install Now, suivi de Activate. Une fois activ\u00e9, vous trouverez deux nouveaux blocs dans l'\u00e9diteur : Tableberg et Toggle for Tableberg.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 2 : Ajouter la bascule pour le bloc Tableberg<\/strong><\/h3>\n\n\n\n

Ouvrez l'article ou la page o\u00f9 vous souhaitez placer votre tableau de prix. Cliquez sur l'ic\u00f4ne plus, recherchez Toggle for Tableberg et ins\u00e9rez le bloc. Il commence par trois onglets par d\u00e9faut. Survolez un onglet pour le supprimer ou cliquez sur le signe plus pour en ajouter d'autres. Pour cette configuration, ne conservez que deux onglets - un pour \"Mensuel\" et un pour \"Annuel\".<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 3 : Configuration des param\u00e8tres de l'onglet<\/strong><\/h3>\n\n\n\n

Une fois le bloc s\u00e9lectionn\u00e9, utilisez le panneau de configuration \u00e0 droite pour ajuster les options g\u00e9n\u00e9rales et de style.<\/p>\n\n\n\n

Dans l'onglet G\u00e9n\u00e9ral, renommez chaque onglet, choisissez celui qui est actif par d\u00e9faut et alignez les onglets si n\u00e9cessaire. <\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Dans la rubrique Style, vous pouvez ajuster les couleurs des onglets actifs et inactifs, d\u00e9finir l'espacement sous la bascule et modifier le rayon de la bordure pour arrondir les angles si vous souhaitez un aspect plus doux.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 4 : Ajouter des tableaux \u00e0 l'int\u00e9rieur de chaque onglet<\/strong><\/h3>\n\n\n\n

Cliquez sur le premier onglet et cr\u00e9ez le tableau. Celui-ci contiendra votre tableau de prix mensuel. R\u00e9p\u00e9tez l'op\u00e9ration dans le deuxi\u00e8me onglet et ajoutez votre version annuelle. La structure des deux tableaux doit rester la m\u00eame, seuls les prix et les libell\u00e9s correspondants \u00e9tant modifi\u00e9s.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 5 : Personnaliser les tableaux<\/strong><\/h3>\n\n\n\n

Ajoutez des noms de plans, des \u00e9tiquettes d'audience, des prix, des caract\u00e9ristiques et des boutons d'appel \u00e0 l'action \u00e0 l'int\u00e9rieur de chaque colonne. Utilisez des blocs de paragraphes, des listes et des blocs de boutons dans les cellules du tableau. <\/p>\n\n\n\n

Ouvrez ensuite les param\u00e8tres g\u00e9n\u00e9raux pour d\u00e9finir l'en-t\u00eate et le pied de page, et ajustez les fonctionnalit\u00e9s telles que l'en-t\u00eate collant, le tri et la recherche si n\u00e9cessaire. Enfin, utilisez l'onglet \"Style\" pour ajuster l'espacement, les couleurs d'arri\u00e8re-plan, les bordures et l'alignement afin d'obtenir un aspect propre et coh\u00e9rent dans les deux tableaux.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

\u00c9tape 6 : Enregistrer, pr\u00e9visualiser et publier<\/strong><\/h3>\n\n\n\n

N'oubliez pas d'enregistrer d'abord votre travail. Ensuite, utilisez l'option de pr\u00e9visualisation pour v\u00e9rifier l'aspect de votre bascule sur ordinateur et sur mobile. Assurez-vous que le changement d'onglet est fluide et que chaque version du tableau est claire. Une fois satisfait, cliquez sur Publier pour le mettre en ligne.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n
<\/div><\/div><\/div>\n\n\n

R\u00e9flexions finales<\/strong><\/p>\n\n\n\n

Une option de tarification mensuelle\/annuelle n'est pas seulement une astuce de conception. C'est un moyen pratique de pr\u00e9senter des options de facturation flexibles sans surcharger votre mise en page. Avec Tableberg, vous n'avez pas besoin de plugins suppl\u00e9mentaires ou de code personnalis\u00e9 pour y parvenir. Vous pouvez cr\u00e9er un tableau de prix r\u00e9actif et bien structur\u00e9 qui aide les visiteurs \u00e0 comparer clairement les plans et \u00e0 choisir celui qui leur convient le mieux.<\/p>\n\n\n\n

Prenez le temps de configurer votre bascule avec soin, et vous obtiendrez une page plus propre et une exp\u00e9rience de prise de d\u00e9cision plus fluide pour vos utilisateurs.<\/p>","protected":false},"excerpt":{"rendered":"

Today’s buyers evaluate options in seconds: some scan prices, others compare features, and many debate monthly versus annual plans. In this split-second decision-making environment, your pricing table’s design becomes the decisive factor in conversions. If you run a service or subscription-based business, your pricing table needs to do more than list options to convert visitors […]<\/p>\n","protected":false},"author":9,"featured_media":8700,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","footnotes":""},"categories":[7,130],"tags":[],"class_list":["post-8698","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-how-to","category-tableberg"],"featured_image_src":"https:\/\/tableberg.com\/wp-content\/uploads\/2025\/05\/MonthlyYearly-Pricing-Toggle-850-x-335-px.png","author_info":{"display_name":"Moinul Islam","author_link":"https:\/\/tableberg.com\/fr\/author\/marufmoinul27\/"},"_links":{"self":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8698","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\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/comments?post=8698"}],"version-history":[{"count":39,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8698\/revisions"}],"predecessor-version":[{"id":8761,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/posts\/8698\/revisions\/8761"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media\/8700"}],"wp:attachment":[{"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/media?parent=8698"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/categories?post=8698"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tableberg.com\/fr\/wp-json\/wp\/v2\/tags?post=8698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}