La création d'un tableau des prix est indispensable si vous souhaitez vendre vos produits et services sur votre site web. Mais pour afficher plusieurs plans tarifaires que les clients peuvent comparer facilement sans quitter la page, vous devez ajouter la fonction de basculement au tableau.
La fonction de basculement permet aux utilisateurs de naviguer ou de passer d'un ensemble d'options tarifaires à l'autre, créant ainsi une interface interactive. Par exemple, les utilisateurs peuvent passer d'un abonnement mensuel à un abonnement annuel ou à un abonnement à vie.
Dans cet article de blog, nous allons vous montrer un guide étape par étape sur la façon de créer un tableau de prix WordPress avec une bascule en utilisant Tableberg. Commençons.
Étape 1 : Installer et activer Tableberg
Tout d'abord, installez et activez le Tableberg sur votre site WordPress. Si vous ne l'avez pas encore installé, téléchargez le plugin ici.
Une fois installé et activé, vous êtes prêt à construire votre tableau de tarification.
Note : Même si le Tableberg a un version gratuiteLa fonction de basculement n'est disponible que dans la version pro.
Étape 2 : Ajouter la bascule pour le bloc Tableberg
Tableberg Pro est livré avec un puissant Bascule pour Tableberg qui vous permet d'organiser les tableaux en onglets sans effort.
Pour ajouter ce bloc :
- Ouvrez l'éditeur WordPress et cliquez sur le bouton + bouton pour ajouter un nouveau bloc.
- Rechercher Bascule pour Tableberg et le sélectionner.
- Le bloc de basculement sera ajouté à votre éditeur.
Étape 3 : Créer un tableau des prix dans le premier onglet
A l'intérieur de la Bascule pour Tableberg vous pouvez créer un tableau à partir de zéro ou choisir un tableau pré-construit. Pour les besoins de ce tutoriel, nous choisirons un tableau pré-construit.
- A l'intérieur de la Bascule pour Tableberg vous pouvez
- Cliquez sur le bouton + bouton à l'intérieur de l'onglet et rechercher le Tableberg bloc.
- Définissez le nombre de lignes et de colonnes de votre tableau de tarification (par exemple, 3×3 pour trois plans).
- La mise en page du tableau est générée instantanément.
Étape 4 : Ajouter/modifier le contenu du tableau
Il est maintenant temps d'ajouter ou de modifier le contenu de votre tableau des prix.
# Ajouter des titres de colonnes
- Cliquez sur la première ligne et saisissez les noms des plans tarifaires (par exemple, Basic, Standard, Premium).
- Alignez-les au centre et augmentez la taille des caractères pour une meilleure visibilité.
# Ajouter des plans de tarification
- Dans la deuxième ligne, indiquez la tarification de chaque plan.
- Utiliser le Option de mise en évidence pour différencier les prix.
# Liste des caractéristiques du produit
- Chaque colonne doit comporter une liste des caractéristiques du plan concerné.
- Tableberg vous permet d'insérer un Bloc de listes directement à l'intérieur du tableau.
# Ajouter des boutons CTA
- Utiliser le Bloc de boutons à l'intérieur de Tableberg pour créer des boutons d'appel à l'action (par exemple, "Acheter maintenant" ou "Commencer").
- Personnalisez le texte, la couleur et le style du bouton.
Étape 5 : Ajouter un autre tableau de tarification dans un nouvel onglet
Cliquez sur le bouton Onglet 2 dans le bloc Toggle for Tableberg pour ajouter un nouveau tableau dans un autre onglet. Répétez ensuite les mêmes étapes que ci-dessus pour créer un autre tableau de tarification pour le nouvel onglet.
Une fois ces étapes terminées, votre tableau de tarification avec fonction de basculement sera prêt. Prévisualisez votre tableau pour vérifier que tout fonctionne correctement.
Étape 6 : Personnaliser la bascule pour le bloc Tableberg
Pour rendre votre tableau de tarification plus attrayant et plus conforme à votre marque, vous pouvez personnaliser la rubrique Bascule pour Tableberg bloc :
Renommer les bascules: Cliquez sur chaque onglet et modifiez son intitulé pour qu'il corresponde à vos plans de tarification, par exemple mensuel, annuel ou à vie.
Modifier l'alignement des onglets: Dans le panneau des paramètres du bloc, choisissez d'aligner les onglets à gauche, au centre ou à droite en fonction de vos préférences en matière de conception.
Style des onglets: Dans l'onglet Styles, personnalisez la couleur d'arrière-plan, la couleur du texte et la bordure des boutons pour les rendre visuellement cohérents avec le design de votre site.
Ces simples personnalisations peuvent grandement améliorer l'expérience de l'utilisateur et faire en sorte que votre tableau des prix s'intègre parfaitement à l'aspect général de votre site web.
Conclusion
La création de tableaux de prix avec une fonction de basculement est essentielle pour une expérience utilisateur transparente. Avec les Tableberg Toggle du pro pour Tableberg vous pouvez désormais créer des tableaux de prix interactifs directement dans WordPress sans avoir recours à des plugins supplémentaires.
Essayez-le et dites-nous ce que vous en pensez dans les commentaires ci-dessous !
