Documentation Campaign Documentation de Campaign Standard

Conception à l'aide de contenu existant

Dernière mise à jour : 19 juillet 2024

S'applique à :
Campaign Standard

Rubriques :
Conception d’e-mail

Créé pour :

Intermédiaire
Utilisateur ou utilisatrice

Sélectionner un contenu existant

Un ensemble de contenus prédéfinis est fourni avec Adobe Campaign. Vous pouvez utiliser un de ces contenus ou, si le contenu du message que vous devez envoyer est préparé hors d'Adobe Campaign, vous pouvez l'importer depuis votre ordinateur ou une URL.

Lorsque vous créez un email ou une landing page, vous pouvez choisir de charger un contenu existant à partir d'une autre source.

REMARQUE

Les images ci-après illustrent le chargement d'un contenu existant à l'aide du Concepteur d'email.

Après la création de l'email ou de la landing page, ouvrez son contenu.
Cliquez sur l'icône Accueil pour accéder à la page d'accueil du concepteur d’e-mail.
Sélectionnez la source du contenu à charger :
- Modèles de contenu : cliquez sur l'onglet Modèles.
- Contenu entièrement nouveau : cliquez sur le bouton Créer.
- Contenu depuis votre ordinateur sous la forme d'un fichier ZIP ou HTML : cliquez sur le bouton Télécharger.
- Contenu depuis une URL existante (uniquement pour les emails) : cliquez sur le bouton Importer depuis l'URL.
Chargez le contenu. Le contenu sélectionné remplace le contenu actuel.

Une fois importé, le contenu peut être édité et personnalisé.

REMARQUE
Le concepteur d’e-mail utilise un balisage spécifique. Le contenu HTML standard téléchargé dans Campaign doit correspondre au balisage attendu pour être entièrement compatible et éditable dans le concepteur d’e-mail. S'il ne correspond pas, votre contenu est téléchargé en mode de compatibilité. Pour rendre compatibles les contenus existants, reportez-vous à cette section.

Rubriques connexes :

Editer des contenus existants avec le concepteur d’e-mail

Pour tirer pleinement parti des possibilités d'édition du Concepteur d'email, votre code HTML importé doit contenir des balises spécifiques qui le rendent compatibles avec l'éditeur WYSIWYG.

Si tout ou partie du code HTML ne contient pas ce balisage, le contenu est alors chargé en 'mode de compatibilité'.

Pour rendre du contenu externe existant entièrement éditable dans le Concepteur d'email, voir la section Concevoir un email à l'aide d'un contenu existant.

Importer un contenu d'email existant

Importer du contenu depuis un fichier

Dans la page d'accueil du concepteur d’e-mail, cliquez sur le bouton Télécharger pour télécharger un fichier depuis votre ordinateur, puis confirmez l'opération.

La structure du dossier compressé est libre. Toutefois, le référencement des fichiers en HTML doit être relatif et doit respecter l'arborescence du dossier compressé.

Les formats supportés lors de l'import sont les suivants :

Un fichier HTML avec une feuille de style incorporée
un dossier compressé (.zip) contenant le fichier HTML, la feuille de style (.CSS) et les images.

REMARQUE

Pour le contenu des emails, il est recommandé d'importer des fichiers HTML uniques avec une feuille de style incorporée.

Importer du contenu depuis une URL

Avant d'importer du contenu depuis une URL, vérifiez que les exigences suivantes sont respectées :

Le contenu doit être publiquement disponible via cette URL.
Pour des raisons de sécurité, seules les URL commençant par https sont autorisées.
Vérifiez que toutes les ressources (images, CSS) sont définies dans des liens absolus et HTTPS. Sinon, après l'envoi de l'email, la page miroir serait affichée sans ses ressources. Voici un exemple de définition d'un lien absolu :
<a href="https://www.mywebsite.com/images/myimage.png">

NOTE

Le chargement de contenu depuis une URL n'est possible que pour le canal email.

Pour récupérer du contenu existant depuis une URL, procédez comme suit :

Dans la page d'accueil du concepteur d’e-mail, cliquez sur le bouton Importer depuis l'URL.
Définissez l'URL à partir de laquelle le contenu sera récupéré.
Cliquez sur Confirmer.

Découvrez cette fonctionnalité en vidéo.

video poster

https://video.tv.adobe.com/v/25926?quality=12

D’autres vidéos pratiques sur Campaign Standard sont disponibles ici.

Récupérer automatiquement du contenu depuis une URL au moment de la préparation

L'import de contenu à partir d'une URL lors de la préparation du message permet de récupérer le contenu HTML le plus récent à chaque préparation. Ainsi, le contenu des emails récurrents est toujours mis à jour au moment de l'envoi. Cette fonctionnalité permet également de créer un message planifié à une date spécifique, même si le contenu n'est pas encore prêt.

Pour récupérer du contenu au moment de la préparation d'une diffusion, procédez comme suit :

Sélectionnez l'option Contenu importé lors de la préparation.
Le contenu de l'URL s'affiche en lecture seule dans l'éditeur.

CAUTION
A ce stade, l'affichage HTML dans l'éditeur de contenu ne doit pas être pris en compte. Il sera récupéré pendant la phase de préparation.
Pour prévisualiser le contenu de l'URL récupéré, ouvrez le message une fois qu'il a été créé, puis cliquez sur le bouton Prévisualiser.

Il est possible de personnaliser l'URL distante à partir de laquelle le contenu sera récupéré. Pour cela, procédez comme suit :

Cliquez sur le libellé de l'email en haut de l'écran pour accéder à l'onglet Propriétés du concepteur d’e-mail.
Recherchez le champ URL distante.
Insérez le champ de personnalisation, le bloc de contenu ou le texte dynamique de votre choix.

Le bloc de contenu Date actuelle - YYYYMMDD, par exemple, permet d'insérer la date du jour.

NOTE
Les champs de personnalisation disponibles sont uniquement liés aux attributs de diffusion (date de création de l’e-mail, statut, libellé de la campagne, etc.).

Si le téléchargement de contenu échoue lors de la première tentative, une deuxième tentative est possible :

La seconde tentative démarre 50 ms après la première tentative.
Le troisième tentative commence 100 ms après la deuxième tentative.

Ces tentatives sont utiles dans les cas suivants :

Une panne de service de courte durée sur un serveur distant
Une défaillance du serveur sur un cluster, auquel cas les tentatives sont plus susceptibles de réussir grâce à l’équilibrage de charge sur un serveur opérationnel

Mode de compatibilité

Lorsque vous téléchargez un contenu, il doit contenir des balises spécifiques pour être entièrement compatible et éditable à l'aide de l'éditeur WYSIWYG du concepteur d’e-mail.

Si tout ou partie du code HTML téléchargé n'est pas conforme avec le balisage attendu, le contenu est alors chargé en "mode de compatibilité", ce qui limite les possibilités d'édition via l'interface utilisateur.

Lorsqu'un contenu est chargé en mode de compatibilité, vous pouvez toujours effectuer les modifications suivantes via l'interface utilisateur (les actions indisponibles sont masquées) :

changer le texte ou changer une image,
insérer des liens et des champs de personnalisation,
éditer quelques options de style dans le bloc HTML sélectionné
Définir du contenu conditionnel

D'autres modifications telles que l'ajout de nouvelles sections à votre email ou des styles sophistiqués doivent être effectuées directement dans le code source de l'email via le mode HTML.

Pour plus d'informations sur la conversion d'un email existant en email compatible avec le concepteur d’e-mail, voir cette section.

Rubrique connexe:

Conversion de contenu HTML

Si vous voulez créer un framework de fragments et de modèles modulaires qui peuvent être associés afin d'être réutilisés dans plusieurs emails, vous devriez envisager de convertir le code HTML de votre email en modèle de concepteur d’e-mail.

Ce cas pratique présente comment convertir rapidement un email HTML en composants du concepteur d’e-mail.

CAUTION

Cette section est destinée aux utilisateurs avancés qui sont familiers avec le code HTML.

NOTE

De la même manière que le mode de compatibilité, un composant HTML est éditable avec des options limitées : vous pouvez uniquement effectuer l'édition locale.

En dehors du Concepteur d'email, veillez à ce que le code HTML d'origine soit divisé en sections réutilisables.

Si tel n'est pas le cas, divisez les différents blocs de votre code HTML. Par exemple :

<!-- 3 COLUMN w/CTA (SCALED) -->
<table width="100%" align="center" cellspacing="0" cellpadding="0" border="0" role="presentation" style="max-width:680px;">
<tbody>
<tr>
<td class="padh10" align="center" valign="top" style="padding:0 5px 20px 5px;">
<table width="100%" cellspacing="0" cellpadding="0" border="0" role="presentation">
<tbody>
<tr>
...
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<!-- //3 COLUMN w/CTA (SCALED) -->

Une fois tous vos blocs identifiés, répétez la procédure suivante dans le concepteur d’e-mail pour chaque section de votre email existant :

Ouvrez le concepteur d’e-mail pour créer un contenu d’email vide.
Définissez les attributs au niveau du corps : les couleurs de fond, la largeur, etc. Pour plus d'informations, consultez la section Modifier les styles d’un email.
Ajoutez un composant de structure. Pour plus d'informations, consultez la section Éditer la structure de l’email.
Ajoutez un composant HTML. Pour plus d'informations, consultez la section Ajouter des fragments et des composants de contenu.
Copiez votre code HTML et collez-le dans ce composant.
Passer en vue Mobile. Voir à ce propos cette section.

La vue en responsive design est endommagée, car il manque votre CSS.
Pour résoudre cela, passez en mode de code source, copiez votre section de style et collez-la dans une nouvelle section de style. Par exemple :
<style type="text/css"> a {text-decoration:none;} body {min-width:100% !important; margin:0 auto !important; padding:0 !important;} img {line-height:100%; text-decoration:none; -ms-interpolation-mode:bicubic;} ... </style>
NOTE
Veillez à ajouter votre style après cette opération dans une autre balise de style personnalisée.
Ne modifiez pas le CSS généré par le concepteur d’e-mail :
<style data-name="default" type="text/css">(##)</style>

<style data-name="supportIOS10" type="text/css">(##)</style>

<style data-name="mediaIOS8" type="text/css">(##)</style>

<style data-name="media-default-max-width-500px" type="text/css">(##)</style>

<style data-name="media-default--webkit-min-device-pixel-ratio-0" type="text/css">(##)</style>
Revenez à la vue mobile pour vérifier que votre contenu s'affiche correctement et enregistrez vos modifications.

recommendation-more-help