Conception à l'aide de contenu existant designing-using-existing-content

Sélectionner un contenu existant selecting-an-existing-content

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.

NOTE
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’e-mail.

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

    note note
    NOTE
    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 editing-existing-contents-with-the-email-designer

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 importing

Importer du contenu depuis un fichier importing-content-from-a-file

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.
NOTE
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 importing-content-from-a-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 :

    code language-none
    <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 :

  1. Dans la page d'accueil du concepteur d’e-mail, 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.

Découvrez cette fonctionnalité en vidéo.

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 retrieving-content-from-a-url-automatically-at-preparation-time

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.

    note caution
    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.
  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’e-mail.

  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.

    note note
    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 :

  1. La seconde tentative démarre 50 ms après la première tentative.
  2. 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é compatibility-mode

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 converting-an-html-content

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 :

  1. Ouvrez le concepteur d’e-mail pour créer un contenu d’email vide.

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

  3. Ajoutez un composant de structure. Pour plus d'informations, consultez la section Éditer la structure de l’email.

  4. Ajoutez un composant HTML. Pour plus d'informations, consultez 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 :

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

recommendation-more-help
3ef63344-7f3d-48f9-85ed-02bf569c4fff