Passer au contenu

Blocs de contenu

Les blocs de contenu vous permettent de gérer du contenu réutilisable et cross-canal depuis un emplacement unique et centralisé. Utilisez-les pour créer une apparence cohérente dans vos Campaigns, distribuer les mêmes codes promotionnels sur différents canaux, ou créer des ressources prédéfinies pour un envoi de messages cohérent à grande échelle. Vous pouvez également créer et gérer vos blocs de contenu via l’API.

Créer un Content Block

Il existe deux types de Content Blocks : glisser-déposer et HTML. Chaque type correspond à son éditeur.

  1. Accédez à Content > Content Block. Sélectionnez Create Content Block, puis sélectionnez Drag-and-drop Content Block.
  2. Glissez-déposez les blocs éditeur pour créer un Content Block par glisser-déposer.
  3. Glissez-déposez un bloc de format depuis l’onglet Rows dans l’éditeur pour définir la disposition de votre Content Block.

    Compositeur de Content Block par glisser-déposer.

  4. Ajoutez des Content Blocks par glisser-déposer selon vos besoins pour construire vos campagnes e-mail.
  5. Une fois votre Content Block créé, sélectionnez Done.
  6. Donnez un nom à votre Content Block. Ce nom sera automatiquement intégré à l’étiquette Liquid du Content Block.
  7. (Facultatif) Ajoutez une description.
  8. Sélectionnez l’onglet Preview pour voir à quoi ressemblera votre Content Block. Vous pouvez également sélectionner Copy preview link pour générer et copier un lien de prévisualisation partageable montrant l’apparence de l’e-mail pour un utilisateur aléatoire. Ce lien reste valide pendant sept jours avant de devoir être régénéré.

    Onglet Preview du compositeur de Content Block par glisser-déposer.

  9. Sélectionnez Launch Content Block.
  1. Accédez à Content > Content Block. Sélectionnez Create Content Block, puis sélectionnez HTML code editor.
  2. Saisissez votre HTML dans l’onglet HTML, ou créez votre Content Block dans l’onglet Classic.

    Compositeur de l'éditeur de code HTML.

  3. Une fois votre Content Block créé, sélectionnez Done.
  4. Saisissez un nom pour votre Content Block. Ce nom sera automatiquement intégré à l’étiquette Liquid du Content Block.
  5. (Facultatif) Ajoutez une description.
  6. Sélectionnez l’onglet Preview pour voir à quoi ressemblera votre Content Block. Vous pouvez également sélectionner Copy preview link pour générer et copier un lien de prévisualisation partageable montrant l’apparence de l’e-mail pour un utilisateur aléatoire. Ce lien reste valide pendant sept jours avant de devoir être régénéré.

    Onglet Preview du compositeur de l'éditeur de code HTML.

  7. Sélectionnez Launch Content Block.

Spécifications des Content Blocks

Attribut du Content Block Spécifications
Nom Champ obligatoire de 100 caractères maximum. Les noms de Content Blocks ne peuvent contenir que des lettres (A-Z), des chiffres (0-9), des tirets (-) et des traits de soulignement (_). Les espaces et les autres caractères spéciaux ne sont pas autorisés et sont automatiquement convertis (par exemple, les espaces sont remplacés par des traits de soulignement). Les noms ne peuvent pas être modifiés une fois le Content Block enregistré, et vous ne pouvez pas réutiliser le nom d’un Content Block précédent, même archivé.
Description (facultatif) 250 caractères maximum. Décrivez le Content Block pour que les autres utilisateurs de Braze sachent à quoi il sert et où il est utilisé.
Taille du contenu 50 Ko maximum.
Emplacement Les Content Blocks ne peuvent pas être utilisés dans le pied de page d’un e-mail, mais vous pouvez créer un Content Block qui inclut un pied de page à utiliser dans vos e-mails.
Création Éditeur HTML ou éditeur glisser-déposer.

Utiliser des Content Blocks

Après avoir créé votre Content Block, vous pouvez l’insérer dans vos messages à l’aide de l’éditeur ou de Liquid.

Utiliser l’éditeur par glisser-déposer

Pour ajouter un Content Block dans l’éditeur par glisser-déposer :

  1. Accédez à l’onglet Lignes de l’éditeur et sélectionnez Content Blocks.
  2. Faites glisser votre Content Block dans l’éditeur d’e-mail.
  3. (Facultatif) Ajustez la largeur de votre Content Block en sélectionnant le bouton dans le menu de navigation. Si aucune largeur n’est définie dans les paramètres de style globaux de votre e-mail, la largeur par défaut est de 100 % ; sinon, ce sont les paramètres globaux qui s’appliquent.

    Une flèche à double sens avec une option permettant de modifier la largeur.

Un défaut d’alignement peut se produire dans l’éditeur par glisser-déposer lorsque plusieurs Content Blocks sont ajoutés à un même bloc de ligne. Utilisez plutôt des blocs de ligne distincts pour conserver l’alignement de votre contenu au niveau des lignes.

Utiliser Liquid

Pour insérer un Content Block à l’aide de Liquid :

  1. Copiez l’Étiquette Liquid du Content Block depuis la section Détails du Content Block.
  2. Insérez l’étiquette Liquid du Content Block dans le message. Vous pouvez aussi commencer à saisir le code Liquid et laisser l’étiquette se compléter automatiquement.

Dans l’éditeur par glisser-déposer, vous pouvez également ajouter un Content Block via le panneau Personnalisation :

  1. Accédez à votre campagne d’e-mail et sélectionnez Modifier le corps de l’e-mail.
  2. Cliquez sur Personnalisation.
  3. Sélectionnez Content Blocks dans la liste déroulante Type de personnalisation.
  4. Sélectionnez le nom de votre Content Block dans le champ Attribut.
  5. Copiez et collez l’extrait de code Liquid dans un bloc éditeur de texte.
    L’onglet Ajouter une personnalisation et ses options.

Aperçu des Content Blocks

Après avoir ajouté un Content Block dans une campagne ou un Canvas actif, vous pouvez le prévisualiser depuis la bibliothèque des Content Blocks : survolez le Content Block, puis sélectionnez l’icône Aperçu.

Cet aperçu affiche des informations sur le Content Block : son créateur, ses tags, sa date de création, sa date de dernière modification, sa description, le type d’éditeur, le nombre d’inclusions avec leurs détails (une liste cliquable des messages ou Content Blocks qui l’utilisent), ainsi qu’un aperçu réel du Content Block.

Imbriquer des Content Blocks

Les Content Blocks peuvent être imbriqués, mais sur un seul niveau. Vous pouvez imbriquer le Content Block A dans le Content Block B, mais vous ne pouvez pas ensuite imbriquer le Content Block B dans le Content Block C.

Les liens présents dans un Content Block imbriqué sont comptabilisés dans le nombre total de liens du message parent. Si vous utilisez un seul Content Block contenant de nombreux liens conditionnels, comme des URL propres à chaque pays pour la localisation, le message parent peut accumuler un grand nombre de liens, ce qui risque de ralentir, voire d’empêcher l’enregistrement d’un Canvas. Pour une localisation à grande échelle, les messages multilingues sont plus adaptés que des liens conditionnels dans un seul Content Block.

Mettre à jour et copier des Content Blocks

Lorsque vous mettez à jour un Content Block, la modification s’applique à tous les messages dans lesquels ce Content Block est inséré via Liquid. En revanche, si le Content Block a été importé à l’aide du menu déroulant Content Blocks sous Lignes dans l’éditeur par glisser-déposer, il n’est pas mis à jour dans tous les messages.

Pour mettre à jour un Content Block dans un seul message ou en faire une copie à utiliser dans d’autres messages, vous avez deux options. Vous pouvez copier le HTML du message d’origine dans votre nouveau message. Vous pouvez aussi modifier le Content Block d’origine, à condition qu’il ait déjà été utilisé dans un message, puis l’enregistrer. Un message vous proposera alors de l’enregistrer comme nouveau Content Block.

Après avoir modifié un Content Block, sélectionnez Lancer le Content Block pour enregistrer et lancer la version mise à jour. Vous pouvez également sélectionner Plus > Dupliquer pour créer un doublon de votre Content Block.

Un Content Block qui affiche « Welcome to our newsletter ».

Suivre les modifications apportées aux Content Blocks

Chaque Content Block enregistre sa date de création et de dernière modification. Vous pouvez ainsi vérifier s’il a changé récemment :

Ce sont les seules informations de modification disponibles pour les Content Blocks. Les versions antérieures ne peuvent être ni consultées ni restaurées. Nous vous recommandons donc d’enregistrer une copie avant d’apporter des modifications importantes. Pour cela, sélectionnez Plus > Dupliquer. Le doublon est enregistré en tant que brouillon et n’affecte pas les messages qui utilisent le Content Block d’origine.

Utiliser des pieds de page d’e-mail dans les blocs de contenu

Les blocs de contenu ne peuvent pas être utilisés dans un pied de page d’e-mail, mais vous pouvez créer un bloc de contenu qui inclut du contenu de pied de page pour l’utiliser dans vos e-mails. Pour ce faire :

  1. Accédez à Paramètres > Préférences des e-mails > Pied de page personnalisé et créez le pied de page.
  2. Ajoutez le pied de page à un bloc de contenu dans la Bibliothèque de blocs de contenu.
  3. Ajoutez ce bloc de contenu à vos modèles d’e-mail ou messages.

Ce qu’il faut savoir

  • L’utilisation de Content Blocks HTML dans des e-mails par glisser-déposer, ou de Content Blocks par glisser-déposer dans des e-mails HTML, peut entraîner des problèmes de rendu inattendus. En effet, l’éditeur par glisser-déposer génère du HTML et du CSS qui affichent le contenu de manière dynamique, alors que l’éditeur HTML est plus statique.
  • Si vous insérez un Content Block par glisser-déposer à l’aide de Liquid, Braze n’inclut pas les styles de la balise HTML <head> du bloc. Les styles responsive, comme le CSS propre aux mobiles, risquent de ne pas s’afficher comme prévu. Si le bloc repose sur du CSS responsive, ajoutez ce CSS au message ou au modèle qui inclut le Content Block.
  • Les propriétés d’entrée du Canvas ne sont prises en charge que dans les Canvas. Si vous référencez un Content Block contenant des propriétés d’entrée du Canvas dans une campagne, celles-ci ne seront pas renseignées.
  • Si un message contenant plusieurs Content Blocks ne s’affiche pas comme prévu, par exemple lorsque des étiquettes Liquid ou du HTML apparaissent sous forme de texte visible au lieu d’être traités, la cause est souvent une étiquette non fermée ou une autre erreur dans l’un des Content Blocks. Pour identifier la source du problème :
    1. Supprimez un par un les Content Blocks du message concerné.
    2. Vérifiez si le message s’affiche correctement après chaque suppression.
    3. Le dernier Content Block supprimé avant la disparition du problème est celui qui en est à l’origine.
  • Par défaut, les balises HTML <code> s’affichent avec une police à chasse fixe dans la plupart des clients de messagerie, quel que soit le style de police défini dans le Content Block. Évitez d’entourer du texte de balises <code>, sauf si vous souhaitez obtenir cet affichage à chasse fixe.
  • Lorsque vous insérez un Content Block avec Liquid dans un modèle d’e-mail HTML personnalisé, les règles CSS du modèle parent peuvent remplacer les styles définis dans le Content Block. Pour en savoir plus, consultez la section Content Blocks dans les modèles HTML personnalisés.

Archiver des Content Blocks

Menu déroulant Paramètres développé qui affiche trois options : Archiver, Dupliquer et Copier vers l’espace de travail.

Lorsque vous n’avez plus besoin d’un Content Block, vous pouvez l’archiver depuis la page Modèles. Les Content Blocks archivés sont en lecture seule : désarchivez donc le Content Block avant de le modifier. Un Content Block ne peut pas être archivé s’il est utilisé dans un message.

Bonnes pratiques

  • Si votre bloc n’est utilisé que dans quelques e-mails, nous vous recommandons d’archiver le bloc obsolète et de mettre à jour vos messages en ligne avec un bloc plus récent qui n’a pas été archivé.
  • Si votre bloc contient simplement une coquille ou nécessite une modification mineure, nous ne recommandons pas de l’archiver. Mettez plutôt le bloc à jour et reprenez vos envois !
  • Si votre bloc est utilisé dans trop de messages pour appliquer raisonnablement la première suggestion de cette liste, nous vous recommandons de supprimer tout le contenu du bloc. Vous évitez ainsi d’inclure des informations obsolètes dans vos messages.
  • Si vous archivez un Content Block par erreur, vous pouvez le désarchiver.

Panneau des Content Blocks enregistrés où le menu déroulant des paramètres de « Test_32 » est développé et affiche trois options : Désarchiver, Dupliquer et Copier vers l’espace de travail

New Stuff!