Documentation en français du builder Oxygen

Tableau de prix

L'élément Pricing Box affiche une zone de tarification personnalisable.

Ajouter Pricing Box

Pour ajouter un élément Pricing Box à votre page, cliquez sur +Add > Helpers > Pricing Box.

Réglage du prix

Utilisez les quatre paramètres de tarification pour définir le prix affiché dans la zone de tarification.

  • Price Amount – Montant : définissez le prix en utilisant un nombre entier.
  • Price Decimal – Décimales : définissez la décimale du prix en utilisant un nombre entier.
  • Currency Symbol – Devise monétaire : entrez la devise monétaire du prix.
  • Term – Récurrence : saisissez le terme de votre tarification (par exemple, une fois, par mois ou annuel, etc.) ou laissez vide.

Pour modifier ou supprimer le texte du prix de vente, double-cliquez simplement sur le texte pour le modifier.

Toutes les autres valeurs de prix doivent être modifiées dans les champs concernés de la barre latérale.

Structure de la zone de prix

Un tableau de prix Pricing Box comprend 5 sous-sections : graphique, titre, prix, caractéristiques et appel à l'action.

Pour chaque section tout ou partie des paramètres suivants sont disponibles

  • Background – Arrière-plan : définit la couleur d'arrière-plan de la section.
  • Padding – Marges intérieures : contrôle les espacements dans la section.
  • Borders – Bordures : contrôle les bordures pour la section. Voir : Bordures
  • Typography – Typographie : contrôlez la typographie pour tout le texte de la section.  Voir : Typography
  • Alignment – Alignement : aligne le contenu de la section à gauche, au centre ou à droite.

Vous pouvez également contrôler globalement les espacements et l'alignement pour toutes les sections en même temps dans Padding & Alignment. Ces paramètres ne seront utilisés que pour une section particulière si les espacements et l'alignement n'ont pas déjà été définis spécifiquement pour cette section.

  • Section Padding - Marges de section : contrôlez les espacements des côtés supérieur, droit, inférieur et gauche dans chaque section de la boîte du prix.
  • Global Alignment – Alignement général : contrôlez l'alignement horizontal de tous les sous-éléments dans l'élément Pricing Box en sélectionnant à gauche, au centre ou à droite.

Graphic – Images

Vous pouvez éventuellement ajouter une image au-dessus de la zone de tarification.

Les paramètres suivants sont spécifiques à cette section :

  • Include Image – Inclure une image : en sélectionnant Yes, un élément Image apparaît en haut de l'élément Pricing Box. Pour choisir une image spécifique, sélectionnez l'élément Image, puis cliquez sur browse sous URL de l’image.
  • Graphic AlignmentAlignement de l'image : justifiez l'image dans la zone de prix à gauche, au centre ou à droite.

Title – Titre

Cette section affiche le titre et le sous-titre de la zone de tarification.

Price – Prix

Cette section affiche le prix. Les paramètres suivants sont spécifiques à cette section :

  • Layout – Mise en page : définie sur horizontale ou verticale. Régler sur vertical place le texte Term sous le texte Amount.
  • Price Sale Space Below – Espace en dessous du prix : contrôle l'espacement sous le texte du prix. À vérifier

Remarque : le symbole de devise, montant du prix et décimale de prix sont regroupés et sont toujours présentés horizontalement même si la mise en page est définie sur vertical.

Features – Caractéristiques, Fonctionnalités

Vous pouvez éventuellement afficher du texte, généralement pour indiquer les caractéristiques du package, entre le prix et l'appel à l'action.

  • Include Features – sélectionnez yes pour afficher la section des fonctionnalités ou no pour la masquer.

Call to Action – Appel à l’action

Pour ajouter tout ce que vous voulez au bas de la zone de tarification, faites glisser les éléments de votre choix dans la section Call to Action.

Par défaut, un élément Button est placé dans cette section.

Greg C. / Ph. Reskator

Besoin d’un complément d’information ? Retrouvez-nous sur le groupe de soutien
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram