• Trust
  • Envoyer une demande

    • Need assistance with your Emarsys product?
    We'll get you the help you need!

     

    Emarsys client

     

    Emarsys client
    SAP for Me Login

    You can contact our support team via the SAP for Me.

    The Emarsys component: CEC-EMA

    		Login to the Help Portal and Submit your request. 
    1. Emarsys
    2. Email
    3. Email templates

    We've Moved! Our documentation has a new home. Please update your bookmarks, the latest update for this article is available at the SAP Help Portal. help.sap.com/docs/SAP_EMARSYS
    Creating and managing templates:: Mise à jour du contenu d'un modèle VCE
    Mise à jour

    Cette page vous fournit des informations sur la manière d'identifier et de mettre à jour les blocs et les variables existants d'un modèle VCE, également appelé modèle d'email basé sur les blocs.

    Important:

    • La modification d'un modèle initialement créé par Emarsys se fait à vos risques et périls.
    • Avant de modifier un modèle VCE, il est fortement recommandé de créer une copie de sauvegarde du contenu modifié dans un endroit sûr.

    Déterminer le modèle de base d'une campagne email

    Ouvrez votre campagne email existante et identifiez le modèle VCE utilisé comme base de la campagne :

    1. Allez sur Canaux > Campagnes email, sélectionnez la campagne email et cliquez sur l'icône Modifier (crayon) .
    2. A la page Création de contenu , cliquez sur l'icône trois points (...)  dans le coin supérieur droit.
    3. Vérifiez le nom du modèle VCE utilisé comme base de votre campagne.

    Utilisez le Sélecteur de compte si le modèle de la campagne email se trouve sur un autre compte.

    Comment identifier le bloc à modifier

    Pour savoir quel bloc de votre modèle modifier, il suffit de survoler les blocs de contenu . Le nom du bloc est visible dans la barre de fonctions qui apparaît.

    Modifier le contenu d'un modèle

    1. Vous pouvez ouvrir le modèle pour le modifier dans l'une des options suivantes :

    • Option 1 : Allez sur Canaux > Campagnes email, ouvrez votre campagne email et dans la page Création de contenu cliquez sur l'icône trois points (...) et sélectionnez Ouvrir le modèle.
    • Option 2 : Accédez à Contenu > Modèles basés sur les blocs, sélectionnez le modèle et cliquez sur l'icône (crayon) Modifier.

    2. Dans l'onglet Blocs, sélectionnez le bloc de modèle que vous souhaitez modifier et cliquez sur l'icône Modifier (crayon) pour voir son code.

    Contenu du modèle à mettre à jour

    Text : Modifier le texte d'un bloc

    Dans le code du bloc, sélectionnez l'endroit où vous souhaitez modifier ou supprimer un texte existant. Vous pouvez également ajouter un nouveau texte ici.
    Par exemple : Vous pouvez faire passer le texte de "Toute rue 1" à "Tout lieu 1".

    Pour insérer un saut de ligne manuel, utilisez la balise <br>. Vous pouvez joindre les balises <br> pour générer un paragraphe ou un espacement plus important entre les lignes de texte.
    Par exemple :

    Le résultat, tel qu'il est visible dans la campagne email :

    Il est fortement déconseillé d'utiliser les balises <br> au tout début ou à la fin d'un texte continu pour générer un espacement supplémentaire en haut ou en bas, car ces balises <br> ne seront pas affichées.

    Images

    Images : Modifier une image

    Recherchez l'image que vous souhaitez modifier dans le code. Les images sont généralement intégrées via une balise <img> dotée d'un attribut src. La valeur de l'attribut src est le chemin d'accès à l'image.

    Exemple
    <img src="https://www.yoursite.com/img/image.png">

    Dans les modèles créés par Emarsys, l'intégration d'une image se fait normalement comme suit :
    <img src="{variables.imgpath}image.png">

    Dans les exemples de code, tous les attributs HTML supplémentaires, styles CSS, classes, e-Modifierable, etc. sont supprimés, à l'exception de l'attribut src.

    Base de données médias : Modifier une image

    Dans les modèles créés par Emarsys, la valeur de la variable imgpath conduit à un dossier spécifique dans la base de données médias de votre compte, contenant toutes les ressources de votre modèle. La variable imgpath peut également être disponible dans un modèle personnalisé qui a été créé comme une copie d'un modèle VCE construit par Emarsys.

    En ouvrant l'onglet Variables de votre modèle, vous pouvez voir la valeur (= le chemin du dossier) de la variable imgpath .

    Exemple : Les images utilisées dans le modèle se trouvent dans le dossier "vce" de la base de données médias.

    Il n'est pas recommandé de modifier la variable imgpath. Notez que le chemin d'accès à l'image peut mener à un dossier de la base de données médias dans un autre compte, qui n'est pas accessible.

    Conserver le nom de fichier de l'image originale

    Habituellement, lorsqu'une image est téléchargée dans la base de données médias, le fichier reçoit un nom interne.
    Par exemple :
    md_[Internal file ID].[File suffix],
    par exemple : md_123456.png.
    Pour éviter cela, vous pouvez désactiver cette fonction en cochant la case suivante.

    Cliquez sur le bouton  Options, les trois points (...) dans la base de données médias et sélectionnez Copier l'URL pour voir le chemin d'accès complet à l'image.

    Vous pouvez facilement remplacer la valeur existante de l'attribut src dans la balise <img> pour modifier l'image.

    Si vous utilisez un modèle construit par Emarsys et que vous avez téléchargé la nouvelle image dans le dossier des ressources du modèle ({variables.imgpath}), vous pouvez remplacer l'image en modifiant le nom du fichier dans l'attribut src de l'image.

    Vérifiez si vous souhaitez ajouter des attributs et des styles supplémentaires à la balise <img>.

    Attributs et styles supplémentaires pour les images intégrées

    Attributs de largeur et de hauteur

    Vous pouvez définir une largeur ou une hauteur spécifique en unités de pixels pour une image via les attributs HTML width et height.

    Notez que l'unité (px, etc.) ne doit pas être ajoutée à la valeur. Si une seule valeur (soit la largeur, soit la hauteur) est fournie, l'autre valeur sera calculée automatiquement.

    Exemples

    <img src="https://www.yoursite.com/img/image.png" width="200">
  <img src="https://www.yoursite.com/img/image.png" height="150">
  <img src="https://www.yoursite.com/img/image.png" width="200" height="150">
    Cliquer pour copier

    Si vous utilisez un modèle créé par Emarsys, vous pouvez également ajouter la classe CSS image qui fera en sorte que l'image soit redimensionnée à 100 % de l'espace disponible dans la version mobile :

    <img src="https://www.yoursite.com/img/image.png" width="200" class="image">

    La largeur de l'écran des appareils mobiles est généralement comprise entre 320 et 430px. Nous recommandons donc d'utiliser des images d'une largeur de 300px et plus pour que la classe image soit correctement mise à l'échelle dans la version mobile.

    Attribut Alt

    Le texte alternatif d'une image est généralement affiché dans ces cas :

    • Le contenu de l'image ou le contenu externe n'a pas été téléchargé. 
    • Le chemin d'accès à l'image est interrompu ou l'image n'est pas disponible.  

    Exemple
    <img src="https://www.yoursite.com/img/image.png" alt="Lorem ipsum">

    Le texte alternatif ne s'affiche pas dans tous les environnements de messagerie.

    Attribut de bordure

    Normally, if an image is linked (an opened <a> and closed </a> tag is surrounding the <img> tag), it is recommended to add the attribute border="0" to the <img> tag to prevent a border to appear around the image.

    Exemple
    <img src="https://www.yoursite.com/img/image.png" border="0">

    Style Display:bloc

    Tant qu'une image n'est pas intégrée comme un élément en ligne, il est conseillé d'appliquer le style display:block par défaut. Ce style permet d'éviter l'apparition d'un remplissage en haut et en bas d'une image dans certains environnements de courrier électronique.

    Exemple
    <img src="https://www.yoursite.com/img/image.png" style="display:block;">

    Variables

    Variables : Modifier les variables d'un modèle

    Une variable peut être utilisée plusieurs fois dans un modèle. Par exemple, vous pouvez utiliser des variables dans le cadre, le style ou les blocs. Ainsi, la modification d'une variable peut affecter non seulement une partie spécifique, mais aussi d'autres contenus.

    Dans certains cas, il est nécessaire de créer une copie de la variable afin qu'elle puisse être modifiée indépendamment. Pour plus d'informations, voir Setting-up-template-variables.

    Les variables peuvent être utilisées dans le cadre, le style ou les blocs du modèle et sont intégrées de la manière suivante :
    {variables.variableName}

    Vérifiez l'intégration des variables que vous souhaitez modifier pour voir quelles valeurs peuvent être utilisées : chaîne de caractères, code couleur, nombre entier, etc.

    1. Sélectionnez l'onglet Variables et recherchez la variable que vous souhaitez modifier.
    1. Cliquez sur Modifier pour modifier le type ou les valeurs.

    Sauvegarde des modifications apportées au modèle et mise à jour des campagnes existantes

    1. Enregistrez les modifications du modèle d'email lorsque vous avez terminé de le modifier.
    1. Mettez à jour les campagnes email existantes pour que les changements prennent effet.

    Pour plus d'informations sur la mise à jour de vos campagnes existantes, voir :

    Modifier les modèles d'email - FAQ

    Une campagne email existante a été mise à jour avec des changements de modèles et sauvegardée. Pourquoi les changements ne sont-ils pas visibles ?

    • Assurez-vous que votre campagne email est basée sur le modèle que vous avez modifié.  
    • La campagne email n'a peut-être pas été mise à jour correctement. Après l'application d'une mise à jour, la campagne doit être sauvegardée. 
    • Lorsque vous modifiez un élément de contenu (texte, image, lien) ou une variable dans votre campagne, de sorte qu'il diffère du contenu ou de la valeur par défaut, cet élément conserve les modifications apportées, même si vous appliquez une mise à jour de campagne.  
    • Pour voir les changements, il est nécessaire de réinitialiser le bloc ou les variables.

    La réinitialisation d'un bloc ramène tout le contenu aux valeurs par défaut du texte, des liens et des images.

    Au lieu de réinitialiser le bloc, vous pouvez glisser-déposer un nouveau bloc dans votre campagne à la place du bloc existant.

    Les variables du modèle ne sont pas automatiquement réinitialisées par le bouton Réinitialiser le bloc. Ils peuvent être ramenés à leur valeur par défaut soit via Paramètres de style de bloc au niveau du bloc, soit globalement via Paramètres de style de campagne. Par exemple, si une variable est utilisée uniquement dans le cadre du modèle.

    Réinitialisation via Paramètres de style de bloc.

    Réinitialisation via Paramètres de style de campagne.

    Les paramètres appliqués via Paramètres de style de campagne peuvent être remplacés par les mêmes paramètres effectués au niveau du bloc. Il peut donc être nécessaire de réinitialiser les variables avec les deux options affichées.

    Cet article vous a-t-il été utile ?
    Utilisateurs qui ont trouvé cela utile : 0 sur 1
    Retour en haut