# Section boutons

En utilisant le bloc « Boutons », vous pouvez ajouter des boutons permettant d’appeler ou d’envoyer un e-mail via les applications intégrées de l’appareil, ainsi que des boutons avec des liens vers des pages supplémentaires et la possibilité d’accepter des paiements sur la page du site.

{% hint style="success" %}
Vous pouvez ajouter une politique de confidentialité et une offre aux boutons personnalisés (modifiables).

Pour ce faire, il suffit de cocher les cases appropriées et d’ajouter les liens.
{% endhint %}

<figure><img src="/files/30fe8a0600aa8a625eb1f32f73e2612eea40e456" alt=""><figcaption></figcaption></figure>

## Comment créer un bouton

En mode d’édition du site, cliquez sur « + », puis un menu latéral s’ouvrira pour ajouter des sections :

<figure><img src="/files/7551e4bd27fecb995f97ed8302c6ee92e7c998b9" alt=""><figcaption></figcaption></figure>

Lorsque vous cliquez sur la section des boutons, un modèle standard avec deux boutons sera ajouté, dans les paramètres duquel vous pouvez modifier, ajouter ou supprimer les boutons, ajouter un lien vers la politique de confidentialité et (ou) les offres :

<figure><img src="/files/b39bb9a6488bb63dc4791ed9dc32ee1bb6e1e7bd" alt=""><figcaption></figcaption></figure>

Pour ouvrir les paramètres internes du bouton, cliquez sur le bouton lui-même :

<figure><img src="/files/3117af7ff03e5185434df8963fdc471bde32e45c" alt=""><figcaption></figcaption></figure>

Ensuite, une fenêtre modale s’ouvre avec les paramètres du bouton :

<figure><img src="/files/74a54f9ddfb95deab98b03da7e1ba7ed1e4a06b9" alt=""><figcaption></figcaption></figure>

Dans la fenêtre de création du bouton, vous pouvez sélectionner sa fonction :

<figure><img src="/files/43417e2cccb576f1920dac2c562389ebcb925c28" alt=""><figcaption></figcaption></figure>

Nous décrirons ci-dessous les fonctions de chaque bouton.

Vous pouvez également sélectionner la couleur du bouton (la couleur du texte, la couleur de fond au survol et le fond général ainsi que le texte à l’état normal, etc.), charger l’icône du bouton dans la même fenêtre :

<figure><img src="/files/24431a2a4f7513eff076d743bd46642d50ec3ec9" alt=""><figcaption></figcaption></figure>

De plus, la largeur et l’arrondi des boutons peuvent être définis. Des valeurs numériques doivent être saisies dans ces champs pour configurer le bouton.

### Comment ajouter des boutons

Pour ajouter des boutons situés sur la même ligne, cliquez sur le « + » à droite du bouton :

<figure><img src="/files/c5232e3ad10cf5fa8c4d2d18699a8fbf4c62072d" alt=""><figcaption></figcaption></figure>

Si vous devez ajouter un bouton sous le bouton ajouté précédemment, cliquez sur « + Ajouter un bouton » :

<figure><img src="/files/ed3f17ab091edddba0fe3351a96fdd508e4b58ad" alt=""><figcaption></figcaption></figure>

### Un bouton avec une fonction de paiement

Pour créer des boutons de paiement sur le site web, vous devez d’abord connecter des systèmes de paiement à la plateforme dans le projet.

{% hint style="info" %}
Lisez comment connecter le système de paiement au projet [ici. ](/doc/fr/integrations/payment.md)
{% endhint %}

Un bouton avec une fonction de paiement vous aidera à accepter les paiements pour des biens ou des services présentés sur votre site web, sans connecter le chatbot aux messageries.

<figure><img src="/files/a476ab7597e779ef036ce614caf2678b321c612c" alt=""><figcaption></figcaption></figure>

À l’aide de ce bouton, il est possible d’ajouter une fonction de paiement au site via un système de paiement qui vous convient. Ensuite, indiquez le montant du produit, son nom et le lien de redirection après un paiement réussi.

{% hint style="info" %}
Attention !

Dans le menu déroulant de la ligne des systèmes de paiement, seules les intégrations que vous avez activées dans la section « Systèmes de paiement » du projet seront disponibles.
{% endhint %}

#### Bouton de fonction téléphone

Créez un nouveau bouton, sélectionnez la fonction Téléphone et indiquez le numéro de téléphone où l’appel doit être effectué lorsque le bouton est cliqué :

Un clic sur le bouton sur les appareils mobiles ouvre une fenêtre de sélection d’application :

<figure><img src="/files/60584804a72d237f17ef4ca1b840d7b1d8187e38" alt=""><figcaption></figcaption></figure>

### Bouton de fonction e-mail

Créez un nouveau bouton avec la fonction E-mail et indiquez l’adresse e-mail dans les paramètres :

<figure><img src="/files/4668e4dbaeb88e8594bba163dc408196c57e4d94" alt=""><figcaption></figcaption></figure>

Lors du clic sur le bouton, les applications d’envoi d’e-mails s’ouvriront automatiquement, et l’adresse e-mail des paramètres du bouton sera automatiquement insérée dans le champ Destinataire.

### Bouton de fonction lien

{% hint style="danger" %}
Pour transférer des données et lancer le bot, utilisez la section « Formulaire de demande avec boutons de messagerie » !
{% endhint %}

Créez un nouveau bouton et sélectionnez la fonction Lien. Un clic sur le bouton ouvre la page spécifiée dans les paramètres du bouton.

<figure><img src="/files/99b1970e3688305e428ffaba915da86c63f3f3ec" alt=""><figcaption></figcaption></figure>

### Bouton de fonction plan tarifaire du cours

Vous pouvez également ajouter des frais de paiement pour les cours en ligne configurés dans MaviBot dans les fonctions du bouton :

<figure><img src="/files/9e15ecac6d897b15de91d91657a528667c3e3293" alt=""><figcaption></figcaption></figure>

Sélectionnez le cours, puis le plan tarifaire selon lequel le paiement sera effectué lors du clic sur le bouton.

{% hint style="info" %}
Tous les paramètres de paiement, de système de paiement et du coût du plan tarifaire du cours sont définis dans la section Cours.

Pour plus d’informations sur la configuration des tarifs de cours, consultez l’article « [Plans de cours en ligne](/doc/fr/lms/builder/plans.md)".
{% endhint %}

### Bouton de fonction réservation en ligne

Le bouton permet d’ouvrir un widget de saisie en ligne pour la réservation en ligne de créneaux disponibles pour les services de vos clients.

Pour ce faire, vous devez au préalable configurer la branche et les services pour la réservation en ligne ainsi que le widget de réservation en ligne.&#x20;

{% hint style="info" %}
Nous avons parlé de la configuration de la section des services dans l’article [ « Réservation en ligne »](/doc/fr/booking/settings.md) article.
{% endhint %}

Dans les paramètres du bouton, sélectionnez la fonction « Réservation en ligne » et, dans le menu déroulant, choisissez le widget que vous souhaitez afficher lorsque vous cliquez sur le bouton.

### Bouton de fonction lien vers les messageries

Pour qu’un client passe de votre site web à un bot dans les messageries, par exemple Telegram ou WA, vous pouvez utiliser la fonction de bouton « lien vers messagerie » ou la section « Formulaire ».

<figure><img src="/files/a0a7ccaa8897449601c4e58ee038f06a0053afb0" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
En savoir plus sur la [section « Formulaire](/doc/fr/websites/sites/blocks/forms.md)» dans l’article du même nom.&#x20;
{% endhint %}

Après avoir sélectionné la fonction du bouton, choisissez la messagerie vers laquelle le client basculera après avoir cliqué sur le bouton client.


---

# 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/websites/sites/blocks/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.