# Connexion avec un bouton

## **Afficher comme un bouton**

<div data-with-frame="true"><figure><img src="/files/3837cd763d93147297de102a4ae03f2adc651773" alt=""><figcaption></figcaption></figure></div>

Par défaut, le **"Afficher comme bouton"** commutateur dans les paramètres de connexion est **désactivé**.

Pour créer des boutons à l’aide d’une connexion, activez ce commutateur et saisissez le texte que vous souhaitez voir apparaître sur le bouton dans le **Déclencheur de connexion** .

Cela fonctionne uniquement dans les messageries qui prennent en charge les boutons.

{% hint style="info" %}
Seuls **boutons du clavier** peuvent être créés à l’aide d’une connexion
{% endhint %}

Étape 1. Allez dans les paramètres de connexion et spécifiez le déclencheur :

<div data-with-frame="true"><figure><img src="/files/0d06270ab7d2a0eb11b5841fef7587cce746da21" alt=""><figcaption></figcaption></figure></div>

Étape 2. Activez le paramètre « Afficher comme bouton » :

<div data-with-frame="true"><figure><img src="/files/942fd3c82a5df0a1d97903ae63995ad3feae5a7d" alt=""><figcaption></figcaption></figure></div>

Étape 3. Répétez l’étape 1 et l’étape 2 si vous souhaitez afficher d’autres connexions sous forme de boutons :

<div data-with-frame="true"><figure><img src="/files/54c9114940086d7438433c3bcb06b0981a35fad1" alt=""><figcaption></figcaption></figure></div>

Étape 4. Testez le bot :

<div data-with-frame="true"><figure><img src="/files/d7354070b11e9a8158d0e8265b8b0568d8b03e6d" alt=""><figcaption></figcaption></figure></div>

Terminé !
\
Les connexions dans les blocs sont maintenant affichées sous forme de boutons !

<div data-with-frame="true"><figure><img src="/files/74e8085bb348e0b039c48cd7531acb199f9168fb" alt="" width="563"><figcaption></figcaption></figure></div>

**Numéro de ligne et position dans la ligne :**\
Les boutons créés à l’aide de connecteurs sont, par défaut, affichés verticalement les uns sous les autres.\
À l’aide de ce champ, vous pouvez modifier le numéro de ligne pour l’affichage du bouton créé par la flèche.\
La numérotation commence à 0 :

<div data-with-frame="true"><figure><img src="/files/f5b1d59278bab62842e8222ddd62c99296c8fc89" alt=""><figcaption></figcaption></figure></div>

**Couleur du bouton :** Si nécessaire, vous pouvez spécifier la couleur du bouton — cela fonctionne dans Viber. Vous pouvez choisir n’importe quelle couleur de bouton — cliquez sur l’ **« Pipette »** icône pour ouvrir la palette de couleurs.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mavibot.ai/doc/fr/chatbot/builder/connexions/buttons.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.