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.

Remarque

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é.

    Remarque

    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.

Importer un contenu d'email existant

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.
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">
    
Remarque

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 :

Vidéo Importer du contenu depuis une URL

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.

    ATTENTION

    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.

    Remarque

    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:

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'email.

Ce cas pratique présente comment convertir rapidement un email HTML en composants du Concepteur d'email.

ATTENTION

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

Remarque

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 Modifier les styles d’un email.

  3. Ajoutez un composant de structure. Voir à ce propos la section Éditer 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>
    
    Remarque

    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'email :

    • <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>
  8. Revenez à la vue mobile pour vérifier que votre contenu s'affiche correctement et enregistrez vos modifications.

Sur cette page