Show Menu
SUJETS×

Conception à l'aide de contenu existant

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.
Les images ci-après illustrent le chargement d'un contenu existant à l'aide du Concepteur d'email .
  1. Après la création de l'email ou de la landing page, ouvrez son contenu.
  2. Cliquez sur l'icône Accueil pour accéder à la page d'accueil du Concepteur d'email .
  3. Sélectionnez la source du contenu à charger :
  4. Chargez le contenu. Le contenu sélectionné remplace le contenu actuel.
    Une fois importé, le contenu peut être édité et personnalisé.
    Le Concepteur d'email 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'email. 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'email

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 .

Import en cours

Importer du contenu depuis un fichier

Dans la page d'accueil du Concepteur d'email, 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 feuille de style incorporée,
  • un dossier compressé (.zip) contenant le fichier HTML, la feuille de style (.CSS) et les images.
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">
    
    
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 :
  1. Dans la page d'accueil du Concepteur d'email, cliquez sur le bouton Importer depuis l'URL .
  2. Définissez l'URL à partir de laquelle le contenu sera récupéré.
  3. Cliquez sur Confirmer .
Rubrique connexe :

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 :
  1. Sélectionnez l'option Contenu importé lors de la préparation .
  2. Le contenu de l'URL s'affiche en lecture seule dans l'éditeur.
    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.
  3. 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 :
  1. Cliquez sur le libellé de l'email en haut de l'écran pour accéder à l'onglet Propriétés du Concepteur d'email.
  2. Recherchez le champ URL distante .
  3. 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.
    Les champs de personnalisation disponibles sont uniquement liés aux attributs de diffusion (date de création de l'email, statut, libellé de la campagne, etc.).

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'email.
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'email, voir cette section .
Rubrique connexe  :

Convertir un 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'email.
Ce cas pratique présente comment convertir rapidement le code HTML d'un email en composants du Concepteur d'email.
Cette section est destinée aux utilisateurs avancés qui sont familiers avec le code HTML.
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'email pour chaque section de votre email existant :
  1. Ouvrez le Concepteur d'email pour créer un contenu d'email vide.
  2. Définissez les attributs au niveau du corps : les couleurs de fond, la largeur, etc. Voir à ce propos la section Editer les styles d'un email .
  3. Ajoutez un composant de structure. Voir à ce propos la section Editer la structure de l'email .
  4. Ajoutez un composant HTML. Voir à ce propos la section Ajouter des fragments et des composants de contenu .
  5. Copiez votre code HTML et collez-le dans ce composant.
  6. Passer en vue Mobile. Voir à ce propos cette section .
    La vue en responsive design est endommagée, car il manque votre CSS.
  7. 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>
    
    
    Ne modifiez pas le CSS généré par le Concepteur d'email : <style acrite-template-css="true"> et <style acrite-custom-styles="" type="text/css"> . Veillez à ajouter votre style après.
  8. Revenez à la vue mobile pour vérifier que votre contenu s'affiche correctement et enregistrez vos modifications.