Comment créer des tableaux de prix accrocheurs

Il y a une raison pour laquelle tant de sites Web utilisent des tableaux de prix. Ils vous permettent de présenter de nombreuses informations importantes côte à côte, et ils peuvent être très élégants tout en le faisant. Cependant, la création, le style et l'ajout d'un tableau de prix à votre site Web peuvent être beaucoup plus difficiles que vous ne le pensez.

C'est là qu'Uncode vient à la rescousse. Avec notre thème WordPress polyvalent, vous pouvez facilement concevoir des tableaux de prix élégants et les ajouter à toutes les pages ou publications que vous aimez, à l'aide d'un constructeur visuel intuitif. Tout ce qu'il faut, c'est apprendre quelques étapes simples, et vous créerez des tableaux de prix impressionnants en un rien de temps.

Dans cet article, nous allons parler un peu plus des tableaux de tarification, pourquoi ils sont si efficaces et quand il est judicieux de les utiliser. Ensuite, nous allons vous montrer comment créer votre propre tableau de prix en utilisant Uncode. Mettons-nous au travail!

Une introduction aux tableaux de prix (et pourquoi ils sont utiles)

Une fois que vous aurez commencé à les chercher, vous constaterez que les tableaux de prix sont partout. Par exemple, si vous consultez le site d'un fournisseur d'hébergement, nous parions que vous trouverez au moins un tableau répertoriant les forfaits ou les niveaux de cette société :

La structure générale des tableaux de prix est assez simple. Vous verrez plusieurs colonnes - chacune axée sur un seul plan, produit ou autre option - divisée en sections avec plus de détails. Dans l'exemple ci-dessus, vous pouvez voir les noms de chaque plan, ainsi que ses principales caractéristiques et prix.

Avec un tableau de prix, vous pouvez comparer vos options en un coup d'œil et donner aux visiteurs un résumé de ce qu'ils peuvent attendre de chacune d'elles. En plus de cela, l'utilisation de tableaux de prix vous permet également d'attirer l'attention sur les plans ou les produits que vous souhaitez que les visiteurs choisissent.

Si vous consultez à nouveau la capture d'écran ci-dessus, vous remarquerez qu'un plan est mis en évidence avec un autocollant Meilleure valeur . Dans la plupart des cas, il s'agit du forfait le plus rentable pour vous et le plus utile pour vos clients.

Bien que la structure des tableaux de prix soit toujours similaire, leur style peut varier considérablement. Voici un exemple sympa d'un site Uncode, qui utilise une approche très minimaliste :

Vous pouvez également éliminer complètement les bordures et opter pour un style plus homogène :

Notez que même dans ce cas, les informations sont divisées en segments et vous pouvez trouver rapidement ce que vous cherchez. Cela montre simplement que vous pouvez utiliser n'importe quel style pour vos tableaux de prix, tant que les informations sont bien organisées.

De manière générale, les tableaux de tarification conviennent parfaitement aux sites Web de services et d'adhésion. C'est-à-dire qu'ils sont presque essentiels pour les sites qui proposent plusieurs niveaux de plans. Vous pouvez également utiliser des tableaux de prix pour comparer des produits individuels. Enfin, si vous avez un portefeuille en ligne et que vous proposez des services à prix fixe, vous pourriez également bénéficier de l'utilisation de grilles tarifaires.

Comment créer des tableaux de prix accrocheurs à l'aide de Uncode (en seulement 2 étapes)

La création d'un tableau de prix à l'aide de Uncode est assez simple. Le vrai travail consiste à personnaliser son style. Nous passerons en revue les deux étapes du processus dans les sections suivantes.

Étape 1 : Ajoutez un module de tableau de prix à votre page ou publication

Pour les besoins de ce didacticiel, nous allons supposer que vous avez déjà configuré et activé Uncode sur votre site Web. Après cela, la première chose que vous devrez faire est d'ouvrir l'éditeur pour n'importe quelle page ou publication où vous souhaitez placer votre tableau, et assurez-vous que vous êtes dans le générateur visuel Uncode :

Cliquez sur l'icône plus de la section que vous souhaitez utiliser, et une liste d'options de module s'affichera. Trouvez celui qui s'appelle Pricing table , et sélectionnez-le :

N'oubliez pas que vous devrez ajouter un nouveau module de tableau de tarification pour chaque colonne que vous souhaitez inclure. Par exemple, nous créons un tableau de prix avec trois options, nous avons donc placé trois modules côte à côte. Voici à quoi ressemble notre page maintenant :

Cela vous fournit la structure de votre tableau de prix, mais cela ne suffit pas. Votre prochaine étape consistera à ajouter les informations que vous souhaitez inclure dans chaque colonne. Pour ce faire, choisissez l'un des modules que vous venez de placer et sélectionnez l'icône Modifier pour apporter quelques modifications.

Une nouvelle fenêtre apparaîtra maintenant, dans laquelle vous pourrez saisir le texte de cette colonne de votre tableau de prix :

Il y aura ici du texte par défaut, que vous pourrez remplacer par ce que vous voulez. Bien sûr, vous pouvez également saisir le prix de ce plan ou de cette option en particulier.

Après avoir enregistré vos modifications, répétez ce processus pour chaque autre colonne que vous souhaitez inclure dans votre tableau. Lorsque vous aurez terminé, votre tableau de prix devrait ressembler à ceci :

À ce stade, vous pouvez l'appeler un jour et publier votre nouveau tableau de prix. Cependant, Uncode vous offre de nombreuses options de personnalisation que vous pouvez utiliser pour rendre vos tableaux plus attrayants visuellement, ce que nous allons couvrir ensuite.

Étape 2 : Personnalisez le style de votre tableau de prix

Pour personnaliser votre tableau de prix, vous devrez ouvrir à nouveau la fenêtre d'édition de chacun de ses éléments. À l'étape précédente, vous avez utilisé le menu résultant pour modifier le texte et les prix dans chaque colonne. Cependant, si vous faites défiler la fenêtre des paramètres vers le bas, vous remarquerez que vous disposez également d'options stylistiques :

Les deux paramètres les plus importants que vous pouvez personnaliser ici sont appelés Couleur du bloc et Les plus populaires . La première vous permet de choisir des couleurs d'accentuation pour le contenu de chaque colonne, comme dans l'exemple ci-dessous :

Vous avez beaucoup d'options de couleurs pour jouer avec. N'hésitez donc pas à les tester tous, jusqu'à ce que vous trouviez une combinaison qui vous plaise. En ce qui concerne le paramètre Les plus populaires , vous pouvez utiliser cette option pour rendre une colonne particulière de votre tableau plus visible, comme ceci :

Ceci est utile car dans de nombreux cas, vous aurez un plan que vous voulez que les gens choisissent parmi les autres. En le mettant en surbrillance, vous vous assurerez que les yeux de vos visiteurs sont attirés par cette colonne. Cependant, gardez à l'esprit que vous devrez toujours les convaincre que le plan vaut leur argent, ce qui dépend du contenu de cette colonne.

En pratique, vous pouvez terminer tout ce processus en quelques minutes si vous avez déjà tout le contenu que vous souhaitez inclure dans votre tableau prêt à l'emploi. Après cela, il ne vous reste plus qu'à apporter quelques modifications stylistiques simples et votre tableau sera prêt à être publié. Bien sûr, vous pouvez continuer à jouer dans le constructeur visuel Uncode autant que vous le souhaitez, en ajustant l'apparence et la disposition de votre tableau de prix jusqu'à ce qu'il soit parfait.

Conclusion

Il existe de nombreuses situations dans lesquelles l'utilisation de tableaux de tarification peut changer la donne. Les sites Web de services, par exemple, peuvent bénéficier de la présentation côte à côte de tous leurs plans et options. De cette façon, les clients potentiels pourront obtenir rapidement les informations dont ils ont besoin.

Lorsqu'il s'agit de créer des tableaux de prix, Uncode vous simplifie la vie grâce à son élément de tableau de prix dédié. Cela simplifie l'ajout d'un tableau de prix n'importe où sur votre site. Ensuite, vous pouvez le personnaliser autant que vous le souhaitez, afin de le faire ressortir.

Avez-vous des questions sur la façon de concevoir des tableaux de prix efficaces ? Parlons d'eux dans la section des commentaires ci-dessous!