Découvrez comment utiliser Wix pour créer votre site et votre entreprise.

Concevez et gérez votre site à l'aide des fonctionnalités intuitives de Wix.

Gérer les abonnements, les forfaits et les factures.

Gérez votre entreprise et communiquez avec les membres.

Apprenez à acheter, connecter ou transférer un domaine vers votre site.

Obtenez des outils pour développer votre activité et votre présence sur le web.

Améliorez votre visibilité grâce à des outils de référencement et de marketing.

Bénéficiez de fonctionnalités avancées pour travailler plus efficacement.

Trouvez des solutions aux problèmes techniques et de performance du site. Découvrez les problèmes que nous nous efforçons de résoudre ou contactez-nous pour obtenir de l'aide.

Développez vos compétences.

Obtenez des conseils pour la conception Web, le marketing et plus encore.

Découvrez comment augmenter le trafic de votre site naturel provenant des moteurs de recherche.

Créez un site personnalisé à l'aide de notre plateforme complète.

Trouvez un spécialiste pour vous aider à atteindre vos objectifs.

Dans cet article

Ajouter un bouton
Configurer un bouton
Personnaliser un bouton

Accueil

Studio, Partenaires et Enterprise

Wix Studio

Utiliser l'Éditeur Studio

Ajouter des éléments dans l'Éditeur Studio

Éditeur Studio : Ajouter et personnaliser des boutons

7 min

Dans cet article

Ajouter un bouton
Configurer un bouton
Personnaliser un bouton

Les boutons sont un excellent moyen d'encourager les visiteurs à interagir avec un site. Dans l'Éditeur Studio, vous pouvez ajouter des boutons classiques ou animés, et choisir ce qu'ils affichent (texte, icône ou les deux). Il existe également une multitude d'options de design et de mise en page, ce qui vous donne un contrôle créatif total.

Exemples de nombreux designs de boutons que vous pouvez créer dans l'Éditeur Studio

Important :

Cet article fait référence au nouvel élément de bouton dans l'Éditeur Studio. Pour les étapes d’ajout et d’utilisation de l’élément de bouton précédent, veuillez cliquer ici.

Comment savoir quel bouton j'ai ?

Ajouter un bouton

Choisissez si vous souhaitez ajouter un bouton stylisé (statique) ou un bouton animé. Ils ont toutes les mêmes options de design, et vous pouvez passer d'un bouton stylisé à un bouton animé à tout moment (et vice versa).

Pour ajouter un bouton :

Cliquez sur Ajouter des éléments à gauche de l'Éditeur.
Cliquez sur Bouton.
Cliquez ou faites glisser une option sous Boutons stylisés / Boutons animés pour l'ajouter à la page.

L'onglet Boutons est ouvert dans le panneau Ajouter des éléments. Le curseur sélectionne un bouton.

Besoin d'inspiration ?

Consultez ces tutoriels sur les boutons :

Configurer un bouton

Après avoir ajouté un bouton, configurez son action et choisissez ce que vous souhaitez afficher (texte, icône ou les deux). En fonction de ce que le bouton affiche, vous pouvez également paramétrer le texte et l'icône.

Pour configurer un bouton :

Sélectionnez le bouton dans votre Éditeur.
Cliquez sur Paramètres.
Configurez le bouton avec les options :
- Choisissez ce qui s'affiche : Sélectionnez une option et modifiez les paramètres :
  - Texte et icône : Utilisez le champ Texte pour modifier le texte, et cliquez sur l'icône Remplacer pour choisir une autre icône.
  - Texte uniquement : Modifiez le texte du bouton sous Texte.
  - Icône uniquement : Cliquez sur l'icône Remplacer pour choisir une icône différente pour le bouton.
- Connecte à : Cliquez sur le champ et configurez le lien à partir du panneau :
  1. Sélectionnez un type de lien sur la gauche.
  2. Ajoutez les informations pertinentes du lien.
  3. Cliquez sur Terminé.
- Nom d'accessibilité : Décrivez la fonction du bouton aux visiteurs à l'aide de technologies d'assistance.

Le panneau des paramètres est ouvert pour un bouton, affichant les options. Le curseur clique sur le champ pour configurer le lien.

Remarque :

Si vous sélectionnez Rien sous Choisir ce qui s'affiche, le bouton est vide. Vous pouvez toujours ajouter un nom d'accessibilité et le connecter à ce que vous voulez.

Personnaliser un bouton

Les boutons stylisés offrent de nombreuses options de personnalisation afin que vous puissiez les personnaliser dans les moindres détails. Modifiez le texte et l'icône pour qu'ils correspondent à l'action souhaitée, choisissez la façon dont les deux doivent être disposés, configurez un dégradé ou une image comme arrière-plan, et bien plus encore.