👉Widget bouton

Ajout d'un Bouton et Son Utilisation sur Votre Site Web

Ouvrez votre section de widgets et le "Widget Bouton" se trouve sous la catégorie "Widgets de Base". Glissez-déposez simplement le "Widget Bouton" à l'endroit souhaité.

Une fois le bouton placé à l'emplacement désiré, vous pouvez éditer et modifier ses paramètres.

Paramètres du Bouton :

• Texte du bouton : Cliquez sur le champ de texte intitulé "Texte du bouton" pour saisir le texte qui sera affiché sur le bouton. Ce texte doit être clair et inviter l'utilisateur à prendre une action.

  • STYLE DE TEXTE : Cliquez sur l'option "STYLE DE TEXTE" pour personnaliser la police, la taille et la couleur de votre texte.

• Ajouter une deuxième ligne de texte : Cochez cette option si vous voulez ajouter une ligne de texte supplémentaire sur le bouton, ce qui peut servir à donner plus de contexte ou à préciser l'action du bouton.

  • Deuxième Ligne : Entrez le texte souhaité dans le champ "Deuxième Ligne". Ce texte s'affichera en dessous du texte principal du bouton et peut servir à donner plus d'informations ou à inciter l'utilisateur à agir.

  • Aligner à gauche : Cliquez sur le menu déroulant pour choisir l'alignement du texte. Vous pouvez le configurer pour qu'il soit aligné à gauche, au centre, ou à droite en fonction de la conception de votre bouton et de l'esthétique générale de votre page.

    

    • STYLE DE TEXTE : Cliquez sur "STYLE DE TEXTE" si vous souhaitez personnaliser davantage le style de la deuxième ligne de texte, comme la police, la taille, la couleur, et autres options de mise en forme disponibles.

• Ajouter une icône : Sélectionnez cette option pour associer une icône à votre texte de bouton. Cela peut être utile pour ajouter un élément visuel qui complète votre message ou attire l'attention sur le bouton.

  

  • Choisissez une icône : Une fenêtre s'ouvre avec une variété d'icônes. Vous pouvez parcourir la liste ou utiliser la barre de recherche pour trouver une icône spécifique. Cliquez sur l'icône de votre choix pour la sélectionner.

  • Position de l'icône : Après avoir choisi une icône, vous pouvez déterminer sa position par rapport au texte du bouton. Sélectionnez "À l'avant" pour placer l'icône devant le texte ou "À l'arrière" pour la placer après le texte.

• Ajouter un lien : Cliquez sur le bouton "Ajouter un lien" pour insérer l'URL de destination de votre bouton. Lorsqu'un utilisateur cliquera sur le bouton, il sera dirigé vers l'adresse que vous avez configurée ici.

  

  • Sélectionnez le type de lien dans la liste (Page, Boutique, etc.), définissez la destination spécifique (par exemple, une page d'accueil), et choisissez si le lien doit s'ouvrir dans le même onglet ou un nouvel onglet. Cliquez ensuite sur "SÉLECTIONNER" pour appliquer vos choix.

Assurez-vous de sauvegarder vos modifications pour que les ajustements apportés soient effectifs sur votre bouton.

Couleur & Style :

• Couleur du bouton : Cliquez l'élément pour choisir la couleur principale de votre bouton.

• Couleur de la bordure : Sélectionnez cette option pour définir la couleur de la bordure du bouton.

• Ajouter un dégradé : Activez cette option si vous désirez un effet dégradé sur le bouton.

• Style du texte & Style du texte (ligne 2) : Cliquez sur "Changer" pour ajuster le style du texte de chaque ligne du bouton.

• Ombre : Cliquez sur "Changer" pour ajouter ou modifier l'ombre derrière le bouton.

• Réglez les Marges internes pour contrôler l'espace autour du texte à l'intérieur du bouton, le Rayon de la bordure pour arrondir les coins, et la Taille de la bordure pour définir son épaisseur.

• Étendre le bouton à la pleine largeur : Cochez cette option si vous voulez que le bouton occupe toute la largeur de l'élément dans laquelle il est inséré.

• Effet de survol :

  • AUCUN : Pas d'effet appliqué au survol.

  • Transitions 2D

    • Croissance : Le bouton s'agrandit légèrement au survol.

    • Pop : Pop : Le bouton effectue rapidemment un "zoom avant" puis revient rapidement à sa taille originale.

  • Transitions de fond : Ces effets permettent le passage d'une couleur vers une autre lors du survol. Vous pouvez définir une couleur de transition pour le fond du bouton, le texte, ou les deux, selon l'effet visuel désiré.

    • Fondu : Le fond du bouton change progressivement au survol, fusionnant avec une couleur secondaire choisie pour un effet subtil.

    • Glisser la couleur vers la droite : La couleur de fond se déplace vers la droite au survol, transitionnant vers une couleur secondaire.

    • Remplir de couleur : Une couleur secondaire se diffuse sur le fond du bouton au survol.

  Ces effets sont conçus pour donner une indication visuelle interactive lorsqu'un utilisateur passe sa souris sur le bouton, améliorant ainsi l'expérience utilisateur et attirant l'attention sur l'appel à l'action.

Vous contrôlez entièrement le design de votre bouton, des couleurs aux animations. Les options de style offrent une multitude de possibilités créatives.

Voici quelques exemples :

Sauvegarde des Modifications

N'oubliez pas de sauvegarder les modifications à chaque intervention sur votre site pour assurer la mise à jour de vos contenus.