Appel à l’action

You are here:
Estimated reading time: 3 min

L’appel à l’action peut être confondu avec l’Appel. La différence entre les 2 est que le bouton est obligatoire avec l’appel à l’action contrairement à l’appel. L’appel à l’action peut être composé d’un titre, d’une description et d’un bouton selon vos besoins. Le but de l’appel est d’attirer l’attention sur un sujet important et d’amener le visiteur à poser une action.

Une fois l’élément “Appel à l’action” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.

Général

  • En-tête : Tapez le texte voulu, c’est le titre de votre élément.
  • Texte : Tapez le texte voulu, c’est la description. Écrivez votre texte normalement comme si vous écriviez dans votre logiciel de traitement de texte. Vous pouvez travailler le style du texte en utilisant les différentes options de l’éditeur.

N’oubliez surtout pas de sauvegarder vos changements.

Style

Structure

  • Présentation: En ligne ou empilé (en ligne donnera une présentation à l’horizontale, tandis qu’empilé, donnera une présentation à la verticale.)
    En ligne : Vous devrez définir l’espacement en pixel
    Empilé : Vous devrez choir l’alignement, Centre, gauche ou droite ainsi que l’espacement.
  • Structure du titre
    Balise titre : h1, h2, h3, h4, h5, h6. Ajuste la grandeur du texte selon les spécifications du thème choisi.Grandeur de l’en-tête : Par “Défaut” ou “Personnalisé”, si vous choisissez “Personnalisé”, il vous faudra alors choisir la taille de l’en-tête en pixel. En choisissant “Personnalisé”, vous décidez de ne pas tenir compte de la balise.

Couleurs

  • Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”.  Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
  • Couleur d’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur de fond de l’appel à l’action.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Couleur pour survol de l’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur donnée au bouton lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Opacité de l’arrière-plan : Choisissez l’opacité, si votre fond n’est pas blanc, vous le verrez au travers de la bordure selon l’opacité choisie.

Bouton

  • Texte : Tapez le texte voulu.
    Icône du bouton: Choisissez une icône parmi celles proposées dans la liste. Si vous n’en choisissez pas, aucune icône ne s’affichera.
    Position de l’icône : L’icône peut être placée avant ou après le texte.
  • Lien: Indiquez l’adresse URL ou choisissez une page de votre site et choisissez si vous désirez que le lien ouvre dans la “Même fenêtre” ou une “Nouvelle fenêtre”.

Couleurs du bouton

  • Couleur d’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur du bouton.  Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Couleur pour survol de l’arrière-plan : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. C’est la couleur donnée au bouton lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur,  la couleur sera définie par le thème choisi.
  • Couleur du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.
  • Couleur pour le survol du texte : Choisissez la couleur désirée à partir du sélecteur, ou à partir d’une couleur sauvegardée. Si vous choisissez une nouvelle couleur, vous pouvez la sauvegarder pour usage futur à l’aide du signe “+”. Le texte du bouton utilisera la couleur choisie lorsque le curseur passe au-dessus. Si vous ne choisissez pas de couleur, le texte sera de la couleur définie par le thème choisi.

Style du bouton

  • Plat : Affiche une couleur pleine.
  • Dégradé de couleur : Affiche un dégradé de couleur généré automatiquement à partir de la couleur de l’arrière-plan du bouton.
  • Transparent : Donne l’option de l’épaisseur de la bordure ainsi que le degré d’opacité de l’arrière-plan.

Structure du bouton

  • Largeur : Configure la dimension du bouton.
    Auto : Grandeur par défaut.
    Pleine largeur : S’adapte à la largeur de la colonne.
  • Taille de la police : Choisissez la taille en pixel, la taille de la police. La hauteur du bouton s’ajustera à la taille de la police.
  • Marges intérieures : Choisissez en pixel, l’espace séparant le texte des extrémités du bouton en hauteur et l’espace minimum en largeur.
  • Coins ronds : Choisissez la taille en pixel, la grosseur des coins ronds du bouton. Plus le chiffre est grand et plus le coin est rond.

N’oubliez surtout pas de sauvegarder vos changements.

Avancé

  • Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre.  L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
  • Présentation adaptative
    La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site.
  • Animation
    Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
    Délai : Choisissez en seconde, le délai avant que l’animation ne débute.
  • Sélecteur CSS
    Permets d’associer la rangée à un code CSS spécifique. Configurer l’ID ou la Classe selon votre besoin.

N’oubliez surtout pas de sauvegarder vos changements.

Was this article helpful?
Dislike 0
Views: 1