# Constructeur d’e-mails Les emails pour les campagnes email peuvent être assemblés selon votre design à l’aide de blocs.

Les textes, boutons, messageries, images, ainsi que les outils de personnalisation des blocs — c’est un tout nouveau niveau de design. Oubliez les modèles ennuyeux — créez des emails uniques et personnalisés avec Mavibot. ## Sections (blocs) pour les emails Vous pouvez trouver l’éditeur d’emails dans l’onglet « Emails » lors de la création d’un envoi email :

Dans l’éditeur, vous verrez une toile vierge sur laquelle vous pourrez insérer les blocs (sections) suivants : 1. Image 2. Texte 3. Bloc vide 4. Bouton 5. Réseaux sociaux 6. Bloc HTML De plus, les blocs peuvent être combinés entre eux — par exemple, vous pouvez ajouter plusieurs éléments d’email dans une seule section.

Chaque bloc comprend des paramètres d’affichage généraux pour la section, tels que : 1. Marge intérieure ; 2. Bordure ; 3. Rayon de bordure ; 4. Arrière-plan.

Commençons par examiner les paramètres disponibles pour chaque section. Ensuite, nous verrons un exemple pour montrer comment vous pouvez personnaliser plusieurs blocs différents dans une seule section. ### Image Pour ajouter une image, allez dans le menu situé sur le côté droit de l’écran. Vous y trouverez une icône qui vous permet de téléverser une image en cliquant dessus :

Lorsque vous cliquez sur le bouton, vous verrez que la section a été ajoutée à l’email :

Pour ajouter une image, allez dans l’onglet correspondant et téléversez le fichier dont vous avez besoin depuis votre appareil :

Ensuite, vous verrez que l’image a été ajoutée à la section :

Vous pouvez transformer l’image en élément de type bouton afin que, lorsque les destinataires cliquent dessus dans l’email, ils soient redirigés vers une page spécifique. Pour cela, il vous suffit de saisir le lien souhaité dans le champ prévu à cet effet :

### Texte Un bloc de texte peut être ajouté soit à l’intérieur d’une section contenant une image (ou tout autre bloc), soit comme bloc séparé à part entière. {% hint style="warning" %} Attention ! La modification des polices n’est pas disponible. {% endhint %} 1. Pour ajouter du texte à l’intérieur d’une section — par exemple une section avec une image — survolez le bloc image (ou tout autre bloc à droite) et repérez l’icône « + » :

Ensuite, cliquez sur l’icône plus, et un menu déroulant avec les options de blocs apparaîtra :

Comme vous pouvez le voir, le bloc de texte a été ajouté à l’intérieur de la section qui contient déjà une image :

{% hint style="info" %} Attention ! Vous pouvez ajouter jusqu’à quatre éléments de contenu (blocs) dans une seule section. {% endhint %} 2. Pour ajouter une section séparée dans l’email avec un bloc de texte (ou tout autre bloc), survolez le côté gauche de l’écran et trouvez l’icône « + » dans le menu d’actions rapides :

Ensuite, cliquez sur l’icône plus et sélectionnez la section que vous souhaitez ajouter :

Une nouvelle section avec un bloc de texte sera alors ajoutée :

Pour modifier, cliquez sur le texte, et une barre d’outils avec des paramètres — similaires à ceux de n’importe quel éditeur de texte — apparaîtra au-dessus.

Dans la barre d’outils au-dessus du bloc de texte, vous pouvez appliquer le gras, l’italique et le soulignement :

Vous pouvez également mettre le texte en forme sous forme de liste, ajouter un lien et l’aligner à gauche, à droite ou au centre. Pour ajuster la taille de police, l’interligne, l’espacement et la couleur, allez dans les paramètres du bloc « Texte » dans le menu à droite :

### Bouton Un bloc bouton s’ajoute de la même manière que n’importe quel autre bloc : il peut être placé comme section séparée ou à l’intérieur d’une section existante avec d’autres éléments :

Vous pouvez insérer un lien vers n’importe quelle page requise dans le bouton :

Pour modifier le texte, cliquez sur le champ de texte à l’intérieur du bouton :

Ensuite, saisissez le texte souhaité :

Pour modifier la taille du bouton, repérez le champ avec des flèches dans le menu :

Ensuite, définissez la taille requise en saisissant une valeur numérique — le champ accepte les valeurs en pixels. Pour modifier l’alignement du bouton (centre, gauche ou droite), utilisez ces paramètres :

Le menu contient également un champ pour modifier la couleur du bouton :

### Boutons « Réseaux sociaux » Dans l’email, vous pouvez également ajouter des boutons qui redirigeront les destinataires vers les plateformes de réseaux sociaux connectées à votre projet :

Dans les paramètres du bloc, vous pouvez choisir vers quel canal spécifique vous souhaitez rediriger vos clients :

Le menu des paramètres comprend également une option de style pour les boutons des réseaux sociaux :

1. Standard : utilise le style original des icônes de messagerie :

2. avec bordure : icônes transparentes avec une couleur de bordure correspondant aux couleurs standard de la messagerie correspondante.

3. Monochrome : icônes affichées dans une seule gamme de couleurs.

Pour arrondir les coins des icônes, saisissez la valeur numérique souhaitée en pixels dans le champ « Coins arrondis » :

## Paramètres des blocs à l’intérieur d’une section Chaque élément à l’intérieur d’une section possède les mêmes paramètres pour la marge intérieure, les bordures et l’arrière-plan. Vous pouvez configurer un bloc séparément pour chaque élément, ainsi que choisir : ### Marge intérieure de l’élément Vous pouvez ajuster la marge intérieure de l’élément dans les champs correspondants :

Ces marges intérieures concernent spécifiquement la position du bloc de contenu par rapport à sa bordure. ### Bordure (intérieure) Une section contient deux bordures pouvant être personnalisées : la bordure extérieure (pour l’ensemble de la section) et la bordure intérieure (pour l’image ou d’autres éléments). {% hint style="info" %} Les instructions pour modifier la bordure extérieure de la section se trouvent dans la section « Paramètres généraux de la section » -> Bordure. lien « [Cadre](#ramka)" {% endhint %} La bordure intérieure entourant le bloc de contenu peut être personnalisée avec n’importe quelle couleur, épaisseur, ainsi qu’avec des bordures spécifiques à mettre en évidence et le style de ligne souhaité :

Chaque côté de la bordure peut être personnalisé séparément des autres. Pour cela, cliquez sur le côté de la bordure que vous souhaitez modifier :

Ensuite, sélectionnez la couleur, l’épaisseur et le style de ligne de la bordure. Pour personnaliser la bordure sur les quatre côtés, cliquez sur l’icône correspondante :

#### Rayon de bordure Vous pouvez également définir le rayon des coins de la bordure intérieure en pixels :

Les champs pour chaque coin de la bordure acceptent des valeurs numériques en pixels.

### Arrière-plan du bloc de contenu à l’intérieur d’une section

L’arrière-plan intérieur, qui s’applique uniquement au bloc contenant un élément spécifique dans la section, peut être défini en téléversant une image ou en sélectionnant une couleur dans la palette de couleurs. Vous pouvez également choisir la position et la taille de l’image d’arrière-plan :

## Paramètres de la section Une section avec des éléments de contenu peut être personnalisée différemment des autres sections de l’email en appliquant des couleurs d’arrière-plan, en ajoutant des bordures et en ajustant la marge intérieure. ### Rembourrage La marge intérieure de la section s’applique à tous les éléments situés à l’intérieur de la section :

Pour définir la marge intérieure des blocs par rapport à la bordure extérieure d’une section, faites glisser les bords de la bordure pour ajuster la position des éléments par rapport aux bords supérieur et inférieur, ainsi qu’aux bords droit et gauche.

Vous pouvez également définir des valeurs numériques dans les champs situés dans le menu de droite sous l’onglet « Section » :

### Bordure Une section contient deux bordures personnalisables : la bordure extérieure (pour l’ensemble de la section) et la bordure intérieure (pour une image ou d’autres éléments) {% hint style="info" %} Les instructions pour modifier la bordure extérieure de la section se trouvent dans la section « Bordure (intérieure) » lien « [Cadre (intérieur)](#ramka-vnutrennyaya)" {% endhint %} La bordure extérieure, qui encadre l’ensemble de la section avec des blocs de contenu, peut être personnalisée à l’aide de n’importe quelle couleur et épaisseur, ainsi qu’en sélectionnant les côtés souhaités à mettre en évidence et le style de bordure :

Chaque côté de la bordure peut être personnalisé séparément des autres. Pour cela, cliquez sur le côté souhaité de la bordure :

Puis sélectionnez la couleur, l’épaisseur et le style de la bordure. Pour personnaliser la bordure sur les quatre côtés, cliquez sur l’icône correspondante :

### Rayon de bordure Vous pouvez également définir l’arrondi des coins de la bordure de la section en pixels :

Les champs pour chaque coin de la bordure acceptent des valeurs numériques en pixels.

### Arrière-plan

L’arrière-plan intérieur, qui s’applique uniquement à l’ensemble de la section, peut être défini en téléversant une image ou en sélectionnant une couleur dans la palette de couleurs. Vous pouvez également choisir la position et la taille de l’image d’arrière-plan :

--- # 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/envois-commerciaux/constructeur-de-mails.md?ask= ``` 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.