
Utiliser les blocs de contenu de code dans la nouvelle version
by Intuit• Mis à jour 3 semaines
Utilisez les Blocs de code pour ajouter du HTML personnalisé directement dans votre e-mail. Ce bloc est utile si vous voulez avoir plus de contrôle sur votre conception que ce que nous proposons.
Dans cet article, vous apprendrez à utiliser le code-blocs dans la nouvelle fenêtre de création d'e-mail.
Avant de commencer
Voici quelques choses à savoir avant de passer à cette étape.
- Cet article vous indique comment utiliser les blocs de contenu de code pour la nouvelle version. Pour plus d'infos sur les blocs de contenu de code dans la version classique, consultez Utiliser les blocs de contenu de code dans la version classique.
- Il s'agit d'une fonctionnalité avancée recommandée aux utilisateurs qui utilisent le codage personnalisé. Contactez votre développeur ou faites appel à un expert Mailchimp si vous avez besoin d'aide.
- Nous vous recommandons de visualiser et de tester votre e-mail pour vérifier l'apparence de votre campagne sur ordinateur et appareil mobile.
- Les blocs relatifs aux titres et paragraphes disposent également d'un éditeur de code. Pour en savoir plus, consultez Utiliser les blocs de contenu des en-têtes dans la nouvelle version et Utiliser les blocs du contenu des paragraphes dans la nouvelle version.
Pour en savoir plus sur chaque créateur d'e-mails et leurs bloques de contenu, consultez À propos des créateurs d'e-mails de Mailchimp.
Utilisez le code des bloques de contenu pour votre e-mail
Pour utiliser un bloc de données, suivez les étapes ci-dessous.
- Cliquez sur un bloc de codes ou faites glisser un bloc de codes dans votre mise en page à partir du panneau latéral.
- Dans le menu Code , entrez ou collez votre code.
Conseils pour le bloc de codes
Voici quelques conseils concernant l'utilisation du bloc Code.
- N’utilisez pas Javascript.
Étant donné que la plupart des clients paiement d’e-mails bloquent Java à des fins de protection antivirus, nous supprimons automatiquement tous les codes Java détectables. - N’utilisez pas de programme de traitement de texte pour créer du contenu en HTML.
Des programmes tels que Microsoft word ou Publier peuvent ajouter un code de stylisme supplémentaire à votre campagne. Nous vous recommandons d'écrire le code HTML dans un éditeur de texte simple, puis de le coller dans le bloc Code. - Utilisez le CSS incorporé ou inline.
Dans la plupart des cas, les fichiers CSS externes ne seront pas compatibles avec l'e-mail HTML. Vous pouvez ajouter des fichiers CSS intégrés ou en ligne à un bloc de codes, de préférence au-dessus de la section corporelle de votre mise en page. Pour un résultat optimal, nous vous conseillons d'utiliser le fichier CSS en ligne. - Utilisez les requêtes médiatiques pour garantir la réactivité de vos clients.
Si vous voulez que votre code soit compatible avec les appareils mobiles, vous devez inclure les questions. Une requête multimédia est un composant CSS qui vous permet d'adapter votre contenu à différents appareils. Pour en savoir plus, consultez la recommandation du W3C en matière de requêtes médiatiques et le guide Litmus sur Comment coder un e-mail réactif à partir de zéro. - Utilisez le content studio ou le chemin Absolu pour les images et les fichiers.
Utilisez notre webinaire afin d'enregistrer vos fichiers et images pour votre campagne. Récupérez l'URL du fichier dans le studio de contenu et collez-la dans votre code dans le bloc Code. Si vous offrez vos images sur votre propre serveur, utilisez les champs Absolus.
Éléments et attributs HTML pris en charge
Nous supprimerons automatiquement les éléments non pris en charge dans l'éditeur de code.
Élément | Attribut accepté |
---|---|
<étendue> | `span` |
<Code> | |
<rattaché> | `id` , `class` et `style` |
<supplément.> | `id` , `class` et `style` |
<supprimer> | `id` , `class`, `title` et `style` |
<ins> | |
<petit> | `id` , `class` et `style` |
<police> convertit en <étendue> | `class` , `id`, ` Essayez ` Adresse ` ` date` et ` date` |
<un> | `href` , `title` `target` et `style` |
<em> ou <je> | |
<forte> ou <c> | |
<p> | `id` , `class` et `style` |
<img /> | `class` , `id` `src` , `alt` , `title` `style` , `iad` et `hlevé |
<tableau> | `class` , `id` `src` , `alt` , `title` `style` , `iad` et `hlevé |
<tr> | `class` , `id` `alignement` , `valignementet style` |
<e> | `class` , `id`, `colspan` , `` Expert-Comptable ` ` style` , ` largeur |
<td> | `class` , `id`, `colspan` , `` Choisissez une région, `valignement` , `style`, `` largeur et ` hauteur` |
<h1> | `id` , `class` et `style` |
<h2> | `id` , `class` et `style` |
<h3> | `id` , `class` et `style` |
<h4> | `id` , `class` et `style` |
<bro> | |
<ol> | |
<ul> | |
<li> | |
<dl> | `id` , `class` et `style` |
<dt> | `id` , `class` et `style` |
<jj> | `id` , `class` et `style` |
<pré> | |
<Lien /> | `href` , `Reel` `type` et ` nette |
<Modèle> | ` fournisseurs` et `type` |
<u> convertit en <étendue> | |
<s> convertit en <étendue> |
Activer le contenu dynamique
Vous pouvez transformer n'importe quel bloc de contenu en contenu dynamique qui affiche le contenu différent aux destinataires en fonction des conditions que vous définissez. Cela permet de cibler différents types de contacts en même temps avec une seule adresse e-mail.
Pour en savoir plus sur le contenu dynamique et comment l'activer dans votre bloc de contenu, consultez À propos du contenu dynamique.
You must sign in to vote.
Connectez-vous maintenant pour une aide personnalisée
Consultez les articles personnalisés pour votre produit et rejoignez notre vaste communauté d'utilisateurs QuickBooks.
Sur le même sujet
- Connectez ou déconnectez les bloqueurs de contenu d'Instagramde QuickBooks
- Où modifier le code du modèle ?de QuickBooks
- Créez des zones de contenu modifiables avec la langue du modèle Mailchimpde QuickBooks
- Utiliser les blocs de contenu de code dans le Générateur classiquede QuickBooks
- Effacer les styles dans votre campagnede QuickBooks