# Bouton depuis un bloc ou un déclencheur de connexion

## Comment créer un bouton à partir d’une connexion

Les boutons de clavier peuvent être créés à l’aide de connecteurs. Pour cela, faites glisser un connecteur et ouvrez l’éditeur :

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

Pour créer des boutons à partir des connexions :

1. Activez ce bouton.
2. Pour chaque connexion, saisissez le texte du bouton souhaité dans son **« Déclencheur »** .

{% hint style="warning" %}
Remarque !

Cela fonctionne uniquement dans les messageries qui prennent en charge les boutons.
{% endhint %}

{% hint style="warning" %}
Vous pouvez créer **UNIQUEMENT des boutons de clavier** à l’aide des connexions.
{% endhint %}

**Appliquez ensuite la même configuration aux autres connexions :**

1. **Ouvrir les paramètres de la connexion :** cliquez sur le connecteur pour ouvrir ses paramètres.
2. **Définir le texte du bouton :** dans le **Déclencheur** champ, saisissez le texte que vous souhaitez afficher sur le bouton.
3. **Sélectionner le type de correspondance :** définissez le type de comparaison sur **"Correspondance exacte"**.
4. **Activer l’affichage du bouton :** activez l’option **"Afficher comme bouton"** .
5. **Enregistrer la configuration :** cliquez **« Enregistrer »** pour appliquer les paramètres.

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

**Ligne et position :** les boutons créés à partir des connexions sont empilés verticalement par défaut. Utilisez ce champ pour spécifier un numéro de ligne et contrôler la position verticale d’un bouton dans la mise en page.

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

{% hint style="warning" %}
La numérotation de la LIGNE et de la position COMMENCE À 0.
\
Le premier bouton de la ligne du haut aura les paramètres 0 et 0.
{% endhint %}

**Couleur du bouton :** Si nécessaire, vous pouvez spécifier la couleur du bouton — cela fonctionne dans le chat en ligne et dans Viber.

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

Résultat :

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

## **Bouton à partir d’un déclencheur de bloc**

Voyons maintenant une méthode plus avancée pour créer des boutons à l’aide des **"Paramètres avancés du bouton"** dans **Boutons** section.

l’éditeur de bloc. Auparavant, nous avons créé des boutons à l’aide des connexions et des déclencheurs sur les connecteurs. Une autre méthode consiste à utiliser des blocs de déclenchement dédiés, tels que le **Bloc de démarrage** (point d’entrée de l’entonnoir) ou **Bloc de déclenchement**.

**Étape 1 : Créer la structure du bloc**

1. Créez un **Bloc de démarrage** (le point d’entrée de l’entonnoir).
2. Créez plusieurs blocs supplémentaires en dessous. Le nombre de blocs doit correspondre au nombre de boutons dont vous avez besoin.

**Exemple :** Dans le workflow ci-dessous, trois blocs sont créés pour correspondre à trois boutons.

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

**Étape 2.** Configurez les conditions de déclenchement dans les blocs suivants (dans cet exemple, les trois blocs de démarrage).

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

**Étape 3.** Accédez au bloc principal (le point d’entrée de l’entonnoir) et cliquez sur l’onglet Boutons.

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

**Étape 4.** Dans l’onglet **Boutons** section de l’éditeur de bloc, passez à **Paramètres avancés** et insérez le code de votre bouton personnalisé.

`[{"line":0,"index_in_line":0,"text":"Go","type":"reply"},{"line":1,"index_in_line":0,"text":"No","type":"reply"},{"line":2,"index_in_line":0,"text":"Next time","type":"reply"}]`

Vous verrez un menu identique, mais sans les connexions. Si la configuration est correcte, cliquer sur un bouton déclenchera l’envoi par le bot du message provenant du bloc de réponse correspondant.

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

**Étape 5.** Enregistrez les paramètres du bloc et passez au mode de test du bot.

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

Lorsque vous testez le bot, il affichera des boutons de clavier qui sont fonctionnellement et visuellement identiques à ceux créés avec l’option "Ajouter un bouton".

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

Un clic sur un bouton enverra le message de son bloc Start lié (créé à l’étape 1).

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


---

# 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/boutons/trigger.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.