# Images personnalisées

{% hint style="success" %}
Disponible uniquement avec l’offre « Business ».
{% endhint %}

Les images personnalisées sont des illustrations ou vignettes sur mesure qui peuvent être adaptées de manière unique pour chaque utilisateur de votre projet. Cette personnalisation consiste généralement à modifier des éléments spécifiques, comme le texte, afin de répondre à différents objectifs — par exemple, afficher le nom d’un utilisateur dans l’image pour augmenter l’engagement.

Créons-en une ensemble.

#### **Création d’une image personnalisée**

Pour créer une image personnalisée, vous devrez utiliser le générateur de certificat. Vous pouvez y accéder depuis la section de création de cours.

Dans le générateur de certificat, vous pouvez configurer des images personnalisées à distribuer via un chatbot.

**Étape 1 : Configurer le certificat et son texte**

1. Cliquez **« Créer le certificat. »**
2. Téléversez l’image de votre choix comme modèle de certificat.

<figure><img src="/files/969530c8bc1ef9b23fd6af60aaab9282e49b4e28" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Veillez à activer la case à cocher « Utiliser le modèle comme image personnalisée. »
{% endhint %}

Allez maintenant dans les paramètres du certificat et disposez les éléments nécessaires dans l’ordre souhaité :

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

Saisissez l’espace réservé pour le nom du destinataire (qui sera remplacé dynamiquement via le chatbot), ainsi que tout texte supplémentaire que vous souhaitez faire apparaître sur l’image. Vous pouvez également configurer ici d’autres paramètres d’affichage.

Le générateur de certificat offre de la flexibilité : n’hésitez pas à expérimenter avec différentes couleurs, polices, images et autres éléments de design.

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

Pour diffuser ces images personnalisées, vous devrez utiliser une fonction de chatbot dans un messager intégré au système MaviBot.

### Envoi d’un fichier via le chatbot

Allez dans le flux de travail du chatbot dans lequel vous souhaitez envoyer des images personnalisées. Là, vous devrez utiliser la fonction :\
`get_custom_image(image_id, name_on_image, avatar)`

{% hint style="warning" %}

## Veuillez noter

Chaque fois que vous utilisez cette fonction, elle consomme les mêmes ressources que l’envoi de 10 messages classiques.
{% endhint %}

<table><thead><tr><th width="294">Paramètre</th><th>Description</th></tr></thead><tbody><tr><td><mark style="color:red;">!</mark> image_id</td><td>ID de l’image</td></tr><tr><td><mark style="color:red;">!</mark> name_on_image</td><td>nom de l’utilisateur</td></tr><tr><td>avatar </td><td>avatar de l’utilisateur<br>Si vous devez inclure une image personnalisée, transmettez la valeur « 1 ».</td></tr></tbody></table>

Vous pouvez trouver l’ID de l’image ici :

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

À titre d’exemple, utilisons un flux de travail simple de chatbot qui enverra une image dans le chat :

<figure><img src="/files/07d2f937a957676fe2ffe037fa5785ea70e5969d" alt=""><figcaption></figcaption></figure>

Ainsi, dans le deuxième bloc, nous demanderons au client son nom, et dans les paramètres de la flèche menant au troisième bloc, nous préciserons que l’utilisateur saisit des données et enregistrerons son nom dans une variable :

<div><figure><img src="/files/24bf4e781745bae93a408a741e36827adfc7d7ba" alt=""><figcaption></figcaption></figure> <figure><img src="/files/6162459d07a63095586e33f263a6993aa2d906c5" alt=""><figcaption></figcaption></figure></div>

Dans le bloc final du flux de travail, chargé d’envoyer l’image, insérez la fonction dans le champ du calculateur. Utilisez le format suivant, en incluant le `image_id` et votre `name` variable.

<figure><img src="/files/1db67f9a42338117c15f66ad38995fcc21dd2b52" alt=""><figcaption></figcaption></figure>

{% hint style="warning" %}

## Veuillez noter

Le `get_custom_image` fonction renvoie un dictionnaire. Pour afficher l’image dans le chat, n’affichez pas directement la variable de résultat (par exemple, `image_1`). À la place, vous devez faire référence à la valeur stockée sous la clé `'url'` par exemple, `image_for_user`).

Si elle est configurée correctement, l’image sera envoyée et affichée immédiatement dans le chat.
{% endhint %}

{% hint style="success" %}

## Règles de nommage des variables

Lorsque vous nommez votre variable dans le calculateur, assurez-vous que le nom :

* Contient uniquement des lettres latines et des chiffres (par exemple, `picture` est correct).
* Ne comporte pas d’espaces (utilisez des underscores : par exemple, `apple_on_table`).
* Place les chiffres à la fin (par exemple, `apple1`, et non `1apple`).
  {% endhint %}

Notez que nous avons utilisé la syntaxe `#{full_name}` pour insérer dynamiquement la valeur fournie par l’utilisateur dans la variable.

En conséquence, les images envoyées dans le chat seront personnalisées avec le nom que l’utilisateur a saisi pendant la conversation.


---

# 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/comment-faire.../images-personnalisees.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.