Tableau des tarifs
Le block pricing_table rend une rangée de paliers de tarification, chacun avec un nom, un prix, une liste de fonctionnalités et un bouton d'appel à l'action. Utilisez-le pour les sections de comparaison de plans sur des pages de tarification ou de produit.
Champs
| Champ | Description | Requis ? |
|---|---|---|
heading | Titre de section affiché au-dessus du tableau. Exemple de texte indicatif : "Pricing". | Non |
name (par tier) | Nom du palier, par ex. "Basic". | Non |
price (par tier) | Texte d'affichage du prix, par ex. "$9". | Non |
period (par tier) | Texte de la période de facturation affiché après le prix, par ex. "/month". | Non |
features (par tier) | Une fonctionnalité par ligne ; chaque ligne non vide devient un élément de liste. | Non |
button_text (par tier) | Libellé du bouton d'appel à l'action du palier. | Non |
button_url (par tier) | URL vers laquelle le bouton pointe. | Non |
featured (par tier) | Case à cocher. Marque le palier comme l'option mise en avant/recommandée. | Non |
Les paliers sont ajoutés et supprimés avec le bouton "Add tier". Le bouton d'un palier n'est rendu que si button_text et button_url sont tous deux définis.
Sécurité HTML
Chaque champ de ce block, y compris name, price, period, chaque ligne de fonctionnalité, button_text et button_url, est échappé et rendu en texte brut. Tous les champs de ce block sont échappés ; il n'y a aucun champ HTML brut ici.
Ce block prend également en charge les contrôles d'apparence standards : couleur de fond, bordure, couleur du texte, padding, margin. Il dispose en outre de ses propres champs de couleur de bouton et de couleur de texte de bouton, distincts de la couleur de texte générale du block.
Utilisation
{{block:pro-plan-pricing}}Généralement placé sur une page de tarification dédiée, ou dans une section "plans" vers le bas d'une landing page produit.
Exemple
Un tableau de tarification SaaS à trois paliers, le palier du milieu étant marqué comme featured :
| name | price | period | features | button_text | button_url | featured |
|---|---|---|---|---|---|---|
| Starter | $19 | /month | Up to 3 users\n5GB storage\nEmail support | Get started | /signup?plan=starter | No |
| Pro | $49 | /month | Up to 20 users\n50GB storage\nPriority support\nAPI access | Start free trial | /signup?plan=pro | Yes |
| Enterprise | Contact us | (blank) | Unlimited users\nUnlimited storage\nDedicated support\nSSO/SAML | Talk to sales | /contact | No |
La case featured du palier Pro lui donne un style distinct mis en évidence dans le tableau rendu (la classe pricing-tier--featured), et le champ period vide du palier Enterprise signifie qu'aucun texte "/month" n'est affiché à côté de "Contact us".