Le compositeur de messages d'Intercom vous permet d'écrire et de styliser des messages sortants avec un formatage riche, des boutons, des images, des vidéos et de la personnalisation. Cet article présente les outils de formatage disponibles et les options applicables à chaque type de message.
Ajouter et formater du contenu
Il existe trois façons d'ajouter du contenu à un message :
Tapez-le — le compositeur prend en charge les raccourcis de style Markdown pendant la saisie.
L'icône + — insérez des images, GIFs, vidéos, boutons et pièces jointes.
Glisser-déposer — déposez une image ou un fichier directement dans le compositeur.
Formatage du texte
Format | Comment |
Gras |
|
Italique |
|
Titres | Sélectionnez le texte et choisissez un style de titre, ou utilisez la barre d'outils |
Liste à puces | Commencez une ligne par |
Liste numérotée | Commencez une ligne par |
Code en ligne | Encadrez le texte avec des backticks simples : `exemple` |
Bloc de code | Encadrez le texte avec trois backticks : |
Lien | Collez une URL (elle se lie automatiquement), ou sélectionnez du texte et ajoutez un lien |
Options de formatage selon le type de message
La disponibilité du formatage varie selon le type de message :
| Texte enrichi | Boutons | Centrage des boutons | Images / vidéo | Mode HTML |
Publication (Petite & Grande) | Oui ✅ | Oui ✅ | Oui ✅ | Oui ✅ | Non ❌ |
Chat (in-app) | Oui ✅ | Non ❌ | Non ❌ | Oui ✅ | Non ❌ |
Oui ✅ | Oui ✅ | Oui ✅ | Oui ✅ | Oui ✅ | |
Bannière | Oui ✅ | ✅ (incl. bouton URL) | Oui ✅ | Oui ✅ | Non ❌ |
Notification mobile | Titre + texte du corps | Non ❌ | Non ❌ | Non ❌ | Non ❌ |
Les publications existent en deux formats — Petit (compact) et Grand (pleine largeur) — choisis lors de la création du message. Les deux formats supportent le même formatage, y compris les boutons centrés.
Les bannières peuvent être en ligne ou flottantes, positionnées en haut ou en bas, et supportent des actions comme ouvrir une URL ou un bouton URL.
Encodage d'URL
Tous les liens ajoutés à un message seront encodés en URL.
Par exemple, si une URL contient un espace comme ceci :
https://examply.com/help center
L'espace sera remplacé par %20 :
https://examply.com/help%20center
Évitez de coller des URL déjà encodées — le compositeur gère l'encodage automatiquement, donc les URL pré-encodées seront doublement encodées et ne fonctionneront plus.
Boutons
Ajoutez un bouton depuis le menu +. Donnez-lui un texte et une URL cible ; vous pouvez modifier les deux après insertion.
Images, GIFs et vidéos
Ajoutez des images et GIFs via l'icône + ou par glisser-déposer. Cliquez sur une image insérée pour ajouter un lien, un texte alternatif, redimensionner ou définir son alignement. Les pièces jointes peuvent aussi être ajoutées depuis le menu +.
Vous pouvez aussi intégrer des vidéos hébergées par des fournisseurs comme YouTube, Vimeo, Wistia, Loom et Vidyard via le menu +.
Note : Les clips vidéo doivent être au format mp4 et ne pas dépasser 40 Mo. Ils s'affichent au format 4:3.
Utilisez le code en ligne et les blocs de code
Pour ajouter du code en ligne, tapez ` au début et à la fin de votre extrait de code. Cela ressemblera à ceci :
exemple de code en ligne
Pour ajouter un bloc de code, tapez simplement ``` au début et à la fin de votre extrait. Votre bloc de code final ressemblera à ceci :
example code block
example code block
Emails HTML
L'ajout de HTML est possible uniquement lors de la création d'emails. Vous ne pouvez pas ajouter de HTML personnalisé aux messages in-app. Vous ne pouvez pas non plus utiliser de style en ligne avec l'option HTML. Pour l'ajouter à vos emails, sélectionnez simplement l'icône + à gauche de votre bloc de contenu et choisissez l'option « Insérer du HTML ».
Lorsque vous créez un modèle d'email personnalisé, il ne contient pas de règle de largeur maximale pour les images. Ainsi, lorsque vous ajoutez des images dans le compositeur, elles ne sont pas redimensionnées comme avec un modèle d'email par défaut. Ajouter ce qui suit dans le code du modèle permet de les redimensionner :
img {
max-width: 100%
}Vous pouvez aussi importer votre propre HTML si vous souhaitez envoyer des emails avec des modèles entièrement personnalisés. Sélectionnez simplement l'option « Modifier le HTML » en bas à gauche du compositeur d'emails.
Ajouter des attributs à vos messages est facile. Sélectionnez simplement l'icône qui apparaît à droite de tout bloc de contenu, puis choisissez l'attribut standard, personnalisé ou événement que vous souhaitez inclure dans votre message.
Vous pouvez même ajouter des attributs à vos liens. Par exemple, si vous voulez lier chaque utilisateur à la page des paramètres de leur entreprise, et que l'URL est www.yourappname/settings/, vous pouvez ajouter à l'URL depuis votre liste d'attributs.
Vous pouvez aussi ajouter des attributs aux blocs HTML. Pour cela, vous devez taper manuellement la syntaxe des attributs. Note : Pour inclure des attributs avec des valeurs de secours dans les attributs HTML, par exemple href ou src, utilisez des guillemets simples pour le texte de secours car les guillemets doubles créent un HTML invalide.
Pour créer une nouvelle ligne dans un bloc de contenu, appuyez sur « Retour ».
Vous pouvez créer un nouveau bloc de contenu en appuyant deux fois sur « Retour ».
Pour supprimer une image ou une vidéo, sélectionnez-la et appuyez sur la touche retour arrière.
Pour supprimer un bouton, supprimez tout le texte qu'il contient, puis appuyez une fois de plus sur retour arrière.
Important : Si vous commencez à créer un message dans l'éditeur visuel, ne passez pas à l'éditeur HTML à moins d'être certain de vouloir continuer. Passer à l'éditeur HTML est une action permanente qui entraînera la perte définitive de tout le contenu de l'éditeur visuel. Cela ne peut pas être annulé.
Personnalisation (attributs)
Insérez des attributs standard, personnalisés ou d'événement n'importe où dans votre message — y compris dans les liens et les blocs HTML — pour personnaliser le contenu par destinataire. Toujours définir un texte de secours pour que le message soit correct si un attribut est vide.
Bon à savoir
Les chats et notifications mobiles ne supportent pas les boutons — utilisez une publication, un email ou une bannière si vous avez besoin d'un bouton d'appel à l'action.
Les vidéos téléchargées directement doivent être au format MP4 et peser moins de 40 Mo ; utilisez une intégration pour les vidéos plus grandes ou hébergées.
Passer un email en HTML est irréversible.
Ne pré-encodez pas les URL — le compositeur les encode pour vous.