---
title: Bouton
slug: docs/fr/bouton
createdAt: 2024-07-24T11:14:32.351Z
---

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-LW4as1RrCKEUk-Ep2_4MP-20240814-145914.png)

Les boutons sont les appels à l’action du monde numérique. Ce sont ces petits éléments cliquables qui indiquent aux utilisateurs : « Hé, faites ceci ! » Que ce soit pour en apprendre davantage, télécharger un fichier ou acheter quelque chose.

## Pourquoi utiliser un bloc Button ?

- **Appel à l’action**
  Besoin d’encourager les utilisateurs à essayer quelque chose de nouveau ? Un bouton avec une étiquette convaincante peut faire l’affaire. Par exemple, « Commencez votre essai gratuit » ou « Téléchargez maintenant ».
- **Lien interne**
  Vous souhaitez envoyer les utilisateurs vers une autre partie de votre documentation ? Un bouton peut les y transporter sans effort.
- **Lien externe**
  Besoin de diriger les utilisateurs vers un site Web ou une ressource externe ? Un bouton peut être votre dispositif de téléportation.

## Comment utiliser un bloc Button

::::WorkflowBlock
:::WorkflowBlockItem
Tapez `/` pour ouvrir le menu des blocs Archbee
:::

:::WorkflowBlockItem
Recherchez Button et insérez le bloc
:::

:::WorkflowBlockItem
Cliquez sur l’étiquette pour la renommer
:::

:::WorkflowBlockItem
Cliquez sur l’icône des paramètres (⚙️) et configurez l’action :

- Utiliser comme lien interne -> pour envoyer les visiteurs ailleurs dans la documentation
- Utiliser comme lien externe -> pour ouvrir un nouveau site Web
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-fL41FWmGGZrFqBDpCjC0T-20240814-135037.png "Ajout d’un bloc bouton")

## Comment utiliser des boutons en ligne

Parfois, vous pouvez souhaiter un appel à l’action *dans* une phrase plutôt qu’en tant que bloc séparé. Archbee prend en charge les :InlineCtaButton[]{label="Inline Buttons" docId docAnchorId externalHref openInNewTab="true" noFollow="false"} directement à l’intérieur du texte d’un paragraphe.

Voici comment vous pouvez en ajouter un rapidement sans casser le flux de votre contenu :

::::WorkflowBlock
:::WorkflowBlockItem
Placez votre curseur au milieu de n’importe quel paragraphe.
:::

:::WorkflowBlockItem
Appuyez sur `/` pour ouvrir le menu de commande.
:::

:::WorkflowBlockItem
Recherchez **Bouton** et sélectionnez-le.

![](https://api.archbee.com/api/optimize/bNBm7nPJgXjbjLyfbHNh2/zekUaQZ6SvdTN0hbp0tLt-20260526-140945.png)
:::
::::

## Exemple

Voici un exemple pour montrer comment utiliser le bouton :

:::::VerticalSplit{layout="right"}
:::VerticalSplitItem
**Recevez des conseils et tendances sur la documentation et la rédaction technique — notre infolettre**

Rejoignez plus de 5000 personnes à travers le monde qui reçoivent une édition mensuelle de l’infolettre Archbee Blog.
:::

::::VerticalSplitItem
:::CtaButton{label="S’abonner à l’infolettre" externalHref="https://www.archbee.com/blog" openInNewTab="true"}

:::
::::
:::::

***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
**Trouver d’autres blocs**

Découvrez de nouvelles façons et de nouveaux blocs pour créer des pages de documentation impressionnantes et fonctionnelles.

[Blocs d'édition](docId\:oSw7o7IGH93-6KHkyg-eL)
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
**Besoin d’aide?  ⬇️**

Utilisez la **bulle de chat** **bleue** dans le coin inférieur droit.

Ou essayez **Chat IA** (depuis la barre de recherche) pour obtenir des réponses rapides.
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
**Votre avis compte**

Utilisez le formulaire de rétroaction ci-dessous, anonymement.

Ou posez une question dans la **section Questions & Réponses** et notre équipe ou l’IA vous fournira une solution.
:::
::::