Le composeur de messages d'Intercom vous permet d'écrire et de styliser les 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.
Ajout et formatage du contenu
Il existe trois façons d'ajouter du contenu à un message :
Tapez-le — le composeur 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 composeur.
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 accents graves simples : `exemple` |
Bloc de code | Encadrez le texte avec trois accents graves : |
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 ❌ |
Push Mobile | Titre + texte principal | 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 la même mise en forme, 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 ou définir son alignement. Les pièces jointes peuvent aussi être ajoutées depuis le menu +. Le texte alternatif ne peut pas encore être ajouté aux images dans les publications, quelle que soit la méthode d’insertion — c’est une limitation connue du produit, pas un problème de configuration.
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 styles 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 max-width pour les images. Ainsi, les images ajoutées dans le compositeur 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 l’icône à droite de n’importe quel 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 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 Push Mobile 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.
La vidéo téléchargée directement doit être au format MP4 et inférieure à 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.
Le texte alternatif ne peut pas être ajouté aux images dans les publications — c'est une limitation actuelle du produit, donc les images dans les publications n'ont pas de description textuelle accessible.