Référence des blocs de contenu d'e-mail

Référence pour chaque bloc que vous pouvez ajouter sur le canevas de l’éditeur glisser-déposer, et pour les types de liens disponibles sur les boutons et le texte. Pour contrôler quels destinataires voient un bloc, définissez une condition d’affichage.

Ajouter des blocs de contenu

Ouvrez l’onglet Blocs et faites glisser un bloc sur le canevas, ou cliquez sur un bloc pour l’ajouter à la fin de l’e-mail. Blocs disponibles :

• En-tête : titres et courtes accroches dans l’e-mail
• Texte : corps du texte et descriptions plus longues
• Bouton : un appel à l’action cliquable
• Image : images de la Médiathèque, téléchargées ou depuis une URL
• Vidéo : une affiche vidéo cliquable qui renvoie vers une vidéo YouTube ou Vimeo
• Carte : une image associée à un en-tête, un texte et un bouton dans une seule mise en page
• Séparateur : une ligne qui sépare visuellement les sections
• 2 colonnes : deux colonnes égales côte à côte
• 3 colonnes : trois colonnes égales côte à côte
• 4 colonnes : quatre colonnes égales côte à côte
• 33 / 67 : deux colonnes où la gauche occupe environ 33 % de la largeur et la droite environ 67 %
• 67 / 33 : deux colonnes où la gauche occupe environ 67 % de la largeur et la droite environ 33 %
• Minuteur : un compte à rebours pour les offres et les dates limites
• Menu : une rangée ou une colonne de liens, comme une navigation ou des contacts
• Réseaux sociaux : des icônes qui renvoient vers vos profils sociaux
• HTML : du HTML personnalisé, comme un formulaire, un sondage ou une vidéo intégrée
• Produits : une grille répétitive de cartes de produits. Saisissez les produits manuellement, ou extrayez-les de votre Catalogue de produits ou du panier abandonné d’un destinataire.
• Actualités : une grille répétitive de cartes d’articles extraites d’un flux RSS ou Atom.

En-tête et texte

Les blocs En-tête et Texte contiennent le texte que les destinataires lisent dans l’e-mail. Utilisez En-tête pour les titres et les lignes courtes, Texte pour le corps du texte et les descriptions plus longues.

Cliquez sur un bloc sur le canevas pour commencer à le modifier. Sélectionnez du texte pour faire apparaître la barre d’outils de mise en forme.

Options de la barre d’outils

• Style de texte : définissez un style de paragraphe (Titre 1, Titre 2, Normal, etc.) pour l’ensemble du bloc
• Taille de la police : redimensionnez le texte sélectionné, ou appliquez une taille à l’ensemble du paragraphe
• Gras / Italique / Souligné / Barré : mise en forme standard des caractères
• Alignement : gauche, centre ou droite
• Lien : enveloppez le texte sélectionné dans un lien hypertexte
• Liste à puces / Liste numérotée : transformez les lignes sélectionnées en une liste. Toute puce ou numéro avec lequel les lignes commencent déjà est supprimé, afin qu’il ne soit pas doublé avec le marqueur de la liste.

Sélectionnez le bloc (pas une plage de texte) pour ouvrir ses paramètres dans le panneau de droite, puis activez Espacement des lettres pour augmenter ou réduire l’espacement des caractères pour l’ensemble du bloc. Accepte les valeurs fractionnaires et négatives. Pour appliquer l’espacement des lettres à tous les blocs de texte en une seule fois, définissez-le comme une valeur par défaut pour l’ensemble de l’e-mail sous Typographie. Voir Configurer le style global de l’e-mail.

Coller depuis d’autres documents

Le collage de texte depuis Google Docs, Word ou une page web conserve le gras, l’italique, le souligné, le barré et les liens. La couleur, la taille de la police et la famille de police de la source ne sont pas conservées — la typographie propre au bloc l’emporte toujours. Pour ignorer complètement la mise en forme de la source et adopter le style du bloc, collez avec Ctrl+Maj+V (Cmd+Maj+V sur Mac).

Une liste à puces ou numérotée collée conserve sa puce ou son numéro sous forme de texte brut au début de chaque ligne, dans le même bloc. Sélectionnez ces lignes et cliquez sur Liste à puces / Liste numérotée pour les transformer en une véritable liste — le bouton supprime le marqueur restant pour vous.

Dans les champs d’une seule ligne, comme le libellé d’un Bouton, les sauts de ligne collés sont réduits en un seul espace.

Personnalisation avec les balises de fusion

Les balises de fusion sont des espaces réservés qui insèrent une valeur de Tag à partir du profil du destinataire, afin que chaque abonné voie un texte personnalisé. Pour en ajouter une, sélectionnez le texte, cliquez sur Balises de fusion dans la barre d’outils, et choisissez un Tag de votre compte. Cliquez sur une balise de fusion insérée pour ouvrir un panneau avec les champs Défaut (la valeur affichée lorsque le tag est vide) et Format (mise en majuscules, formatage de nombre ou de date à appliquer à la valeur).

Image

Un bloc Image affiche une image dans l’e-mail. Sélectionnez-le sur le canevas pour ouvrir les paramètres de l’Image dans le panneau de droite.

Ajouter une image

Cliquez sur Ajouter une image lorsque le bloc est vide, ou sur Remplacer l’image lorsqu’une image est déjà définie. Cela ouvre la Galerie de médias avec trois onglets :

• Bibliothèque : vos fichiers téléchargés, consultables par nom de fichier.
• Photos de stock : recherchez des photos Pexels gratuites sans quitter l’éditeur. Cliquez sur une photo pour la copier dans votre bibliothèque et l’insérer.
• Générer avec l’IA : décrivez l’image que vous souhaitez et choisissez un format. L’image générée est enregistrée dans votre bibliothèque.

Vous pouvez également coller un lien hébergé directement dans URL de l’image pour sauter la galerie.

Texte alternatif

Décrivez l’image dans Texte alternatif pour l’accessibilité, ou cliquez sur Générer le texte alt avec l’IA pour que l’IA l’écrive à partir de l’image dans votre langue d’édition actuelle. Les images ajoutées depuis les photos de stock ou générées avec l’IA obtiennent automatiquement un texte alternatif.

Taille et ajustement

• Largeur : définissez la largeur de l’image en px, ou en pourcentage de l’espace disponible pour qu’elle reste fluide. Laissez la valeur par défaut pour utiliser la largeur naturelle de l’image.
• Largeur sur mobile (px) : remplace la largeur uniquement sur les écrans de téléphone. Laissez vide pour continuer à réduire l’image proportionnellement à partir de sa largeur sur ordinateur.
• Hauteur (px) : définissez une hauteur de rendu fixe. Laissez vide pour une mise à l’échelle automatique — à partir du rapport de recadrage s’il est défini, sinon à partir des proportions naturelles de l’image.
• Recadrer : choisissez Original pour conserver les proportions naturelles de l’image, ou un rapport (Carré (1:1), 4:3, 3:2, 16:9) pour recadrer l’image dans cette boîte.
• Ajuster : choisissez Couvrir pour remplir la boîte et recadrer en fonction. Définissez le point de recadrage avec Point focal. Ou choisissez Contenir pour mettre l’image entière à l’échelle à l’intérieur de la boîte sans recadrage. Positionnez-la avec Définir la position.

Liens et espacement

Pour ouvrir un lien lorsque l’on clique sur l’image, saisissez-le dans URL du lien et définissez la Cible du lien pour l’ouvrir dans le même onglet ou un nouvel onglet. Voir Ajouter des liens pour les types de liens disponibles.

Dans Espacement, activez Marge intérieure pour ajouter de l’espace autour de l’image. Utilisez Tous les côtés pour une marge intérieure uniforme, ou activez Plus d’options pour définir chaque côté séparément.

Vidéo

Un bloc Vidéo ajoute une vidéo YouTube ou Vimeo à l’e-mail sous forme de miniature cliquable. Les clients de messagerie ne peuvent pas lire de vidéo à l’intérieur du message, le bloc affiche donc une image fixe avec une superposition ▶. Lorsque le destinataire appuie dessus, la vidéo s’ouvre sur YouTube ou Vimeo. Cela fonctionne dans tous les principaux clients, y compris Outlook.

Sélectionnez le bloc Vidéo sur le canevas pour ouvrir ses paramètres dans le panneau de droite.

• URL de la vidéo : collez un lien YouTube ou Vimeo. L’éditeur récupère automatiquement une miniature.
• Texte alternatif : décrivez la vidéo pour l’accessibilité.
• URL de la miniature : conservez la miniature récupérée automatiquement, ou cliquez sur Ajouter une miniature / Remplacer la miniature pour en choisir une dans la Galerie de médias, ou collez directement un lien hébergé.
• Superposition du bouton de lecture : activée par défaut. Désactivez pour afficher la miniature simple sans la superposition ▶. La superposition n’est pas disponible pour les miniatures sur certains hébergeurs externes. L’éditeur vous avertit lorsque c’est le cas, et l’e-mail affiche alors la miniature simple.
• Largeur (px), Rayon d’angle (px) et Alignement : contrôlez l’apparence de la miniature et son emplacement dans la mise en page. Vous pouvez définir l’alignement séparément pour les mobiles.

Carte

Un bloc Carte associe une image à un en-tête, un texte et un bouton dans une seule mise en page prête à l’emploi. Sélectionnez-le sur le canevas pour ouvrir ses paramètres dans le panneau de droite.

• Mise en page : choisissez de quel côté l’image se trouve par rapport au contenu.
• Image : remplacez l’image, définissez le texte alternatif ou modifiez le prompt pour une image que vous avez créée avec Générer avec l’IA.
• Taille et ajustement : les champs de taille dépendent de la Mise en page. Recadrer est disponible pour toutes les mises en page. Ajuster s’applique à toutes les mises en page sauf Arrière-plan :
  • Haut : Hauteur définit la hauteur de l’image en px ou en pourcentage de la largeur de la carte. Largeur (px) réduit l’image à une largeur fixe en pixels et la centre.
  • Arrière-plan : Hauteur définit la hauteur de la carte en px ou en pourcentage de sa largeur. Il n’y a pas de champ Largeur (px). L’image remplit toujours la carte en tant qu’arrière-plan et est recadrée en fonction, donc Ajuster n’a aucun effet sur cette mise en page. Point focal fonctionne toujours : il définit quelle partie de l’image reste visible.
  • Gauche ou Droite : Largeur définit la largeur de la colonne de l’image en px ou en pourcentage de la carte. Hauteur (px) fixe l’image à une hauteur en pixels. Définir une hauteur en pixels efface le rapport de recadrage ci-dessous. Choisir un rapport de recadrage efface la hauteur en pixels. Vous ne pouvez pas utiliser les deux en même temps.
  • Pour toutes les mises en page :
    • Recadrer : choisissez Original pour conserver les proportions naturelles de l’image, ou un rapport (Carré (1:1), 4:3, 3:2, 16:9) pour recadrer l’image dans cette boîte.
    • Ajuster : choisissez Couvrir pour remplir la boîte et recadrer en fonction. Définissez le point de recadrage avec Point focal. Ou choisissez Contenir pour mettre l’image entière à l’échelle à l’intérieur de la boîte sans recadrage. Positionnez-la avec Définir la position.
• Espacement : définissez la marge intérieure autour du contenu de la carte.

Bouton

Un Bouton est un appel à l’action cliquable dans l’e-mail.

Cliquez sur un bloc Bouton pour modifier son libellé sur le canevas. Utilisez la barre d’outils pour changer la taille de la police, la couleur du texte, le gras, l’italique, le souligné, le barré et l’alignement. Le libellé est sur une seule ligne : les sauts de ligne collés sont réduits en un espace. Voir Coller depuis d’autres documents pour ce qu’un collage conserve et supprime.

Pour définir ce qui se passe lorsque le destinataire clique sur le bouton :

• Cliquez sur l’icône de lien dans la barre d’outils pour ouvrir Insérer/Modifier le lien.
• Ou utilisez Type d’action et URL dans la section Lien du panneau de droite.

Voir Ajouter des liens pour les types d’action disponibles.

Dans le panneau de droite, sous Styles :

• Alignement : gauche, centre ou droite.
• Arrière-plan, Couleur du texte, Taille de la police et Famille de police : activez chaque option pour remplacer l’apparence par défaut.
• Rayon de la bordure, Couleur de la bordure et Largeur de la bordure : forme et contour du bouton.
• Largeur : définissez une largeur de bouton fixe ou laissez-la automatique.
• Marge intérieure : ajoutez de l’espace à l’intérieur du bouton. Utilisez Tous les côtés pour une marge intérieure uniforme, ou activez Plus d’options pour définir chaque côté séparément.

Séparateur

Un Séparateur est une ligne horizontale entre les blocs de contenu. Utilisez-le pour séparer visuellement les sections dans l’e-mail.

Configurez le style de ligne (Pleine, Tirets, Points), la couleur, l’épaisseur et la largeur dans le panneau des paramètres.

HTML

Le bloc HTML vous permet de coller du HTML personnalisé dans votre e-mail. Utilisez-le pour un formulaire personnalisé, un sondage ou une vidéo intégrée.

Au-dessus du champ de code, cliquez sur Balise de fusion pour rechercher les Tags de votre compte et insérer une balise de fusion à la position du curseur — la même fonctionnalité de personnalisation décrite ci-dessus — ou cliquez sur l’icône emoji pour insérer un emoji de la même manière. Cliquez sur une balise de fusion insérée pour ouvrir le même panneau Défaut / Format que dans un bloc En-tête ou Texte.

Exemples

Formulaire de prospect

Ce formulaire de prospect collecte une adresse e-mail pour envoyer un code promotionnel pour les soldes du Nouvel An.

Code HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; }
  h2 { font-size: 18px; margin-bottom: 8px; color: #222; }
  p { font-size: 14px; color: #666; margin-bottom: 20px; }
  input {
    width: 100%;
    padding: 12px;
    margin-bottom: 12px;
    border: 1px solid #ddd;
    border-radius: 8px;
    font-size: 15px;
    box-sizing: border-box;
  }
  button {
    width: 100%;
    padding: 14px;
    background: #CC0000;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
  }
</style>
</head>
<body>

<h2>Get your New Year Sale code</h2>
<p>Enter your email and we'll send you an exclusive promo code for up to 50% off.</p>

<div id="form">
  <input type="email" placeholder="Your email address" />
  <button type="button">Get my code</button>
</div>

</body>
</html>

Sondage

Ce sondage demande pour quelle catégorie le destinataire fait ses achats et lie chaque option à la page de soldes correspondante.

Code HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body { margin: 0; padding: 20px; font-family: Arial, sans-serif; text-align: center; }
  h2 { font-size: 18px; margin-bottom: 6px; color: #222; }
  p { font-size: 13px; color: #888; margin-bottom: 20px; }
  .option {
    display: block;
    width: 100%;
    padding: 14px;
    margin-bottom: 10px;
    background: #f5f5f5;
    border: 2px solid transparent;
    border-radius: 10px;
    font-size: 15px;
    cursor: pointer;
    box-sizing: border-box;
    text-decoration: none;
    color: #222;
  }
  .option:hover { border-color: #CC0000; background: #fff5f5; }
</style>
</head>
<body>

<h2>What are you shopping for?</h2>
<p>Pick a category and go straight to your deals</p>

<a class="option" href="https://example.com/sale/clothing">👗 Clothing</a>
<a class="option" href="https://example.com/sale/electronics">📱 Electronics</a>
<a class="option" href="https://example.com/sale/beauty">💄 Beauty</a>
<a class="option" href="https://example.com/sale/home">🏠 Home & Living</a>

</body>
</html>

Vidéo

Cet exemple intègre une vidéo promotionnelle des soldes du Nouvel An dans l’e-mail.

Code HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
  body {
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 20px;
    text-align: center;
  }
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
</style>
</head>
<body>

<h1>New Year Sale — Up to 50% Off</h1>

<div class="video-container">
  <iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID"
    allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
    allowfullscreen></iframe>
</div>

</body>
</html>

Note

Vous pouvez également ajouter un lien de désabonnement directement dans le bloc HTML :

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

L’espace réservé %%PW_EMAIL_UNSUBSCRIBE%% est remplacé par l’URL de désabonnement de Pushwoosh lors de l’envoi de l’e-mail.

Menu

Le bloc Menu place plusieurs éléments cliquables dans une rangée ou une colonne. Utilisez-le pour une barre de navigation ou une liste de contacts d’entreprise.

Pour chaque élément de menu, définissez :

• Libellé : le texte que les destinataires voient
• URL : où l’élément s’ouvre
• Cible : même onglet ou un nouvel onglet

Dans les paramètres du bloc, vous pouvez également définir :

• Direction : Horizontale ou Verticale
• Alignement : Gauche, Centre ou Droite
• Séparateur : un séparateur optionnel entre les éléments
• Police, taille, graisse, espacement des lettres et couleurs du lien/texte

Réseaux sociaux

Le bloc Réseaux sociaux affiche une rangée d’icônes de médias sociaux qui renvoient vers vos profils. Utilisez-le pour envoyer les destinataires vers Facebook, Instagram, X et d’autres plateformes depuis l’e-mail.

Ajoutez des entrées de plateforme, puis définissez l’alignement, la taille des icônes et l’espace entre les icônes.

Compte à rebours

Le bloc Minuteur est un compte à rebours dans l’e-mail. Utilisez-le pour les offres à durée limitée, les ventes flash et les rappels d’événements.

Pour le configurer :

1. Dans Compte à rebours, définissez la Date de fin et l’Heure de fin, puis choisissez le Fuseau horaire et la Langue pour les libellés du minuteur.
2. Activez les Libellés pour afficher les légendes “jours / heures / minutes / secondes” sous les chiffres, ou désactivez-les pour n’afficher que les nombres.
3. Dans Apparence, définissez l’Arrière-plan, la Couleur des chiffres, la Couleur des libellés et la taille de la police pour les chiffres (40px par défaut) et les libellés (16px par défaut).
4. Ajustez l’Espacement (marge intérieure) si nécessaire.

Le minuteur est rendu comme une image nette dans n’importe quelle langue ou taille, avec un arrière-plan qui s’étend sur toute la largeur de la rangée de l’e-mail, et une version rendue nativement pour la largeur mobile plutôt qu’une image de bureau réduite.

Colonnes

Les Colonnes divisent le canevas en sections côte à côte afin que vous puissiez placer du contenu les uns à côté des autres dans une seule rangée.

Faites glisser l’un de ces blocs sur le canevas :

• 2 colonnes : deux colonnes égales
• 3 colonnes : trois colonnes égales
• 4 colonnes : quatre colonnes égales
• 33 / 67 : colonne de gauche d’environ 33 % de large, droite d’environ 67 %
• 67 / 33 : colonne de gauche d’environ 67 % de large, droite d’environ 33 %

Ajoutez ensuite du contenu à chaque colonne. Pour modifier l’espacement de toutes les colonnes de l’e-mail, ouvrez Paramètres → Paramètres par défaut des colonnes et ajustez la marge intérieure externe, la marge intérieure de la colonne et l’espace entre les colonnes.

Pour l’image propre à la colonne (celle que vous ajoutez avec Ajouter une image dans les paramètres de la colonne), les paramètres affichent une section Taille et ajustement. C’est le même contrôle que la mise en page Gauche / Droite du bloc Carte. Un bloc Image glissé dans une colonne est un élément de contenu distinct et conserve ses propres champs de dimensionnement simples — voir Image.

Vous pouvez également coller un lien hébergé directement dans URL de l’image pour sauter la galerie.

• Largeur : définissez la largeur de l’image en px ou en pourcentage de la colonne. Laissez-la non définie pour remplir la colonne.
• Hauteur (px) : fixez l’image à une hauteur en pixels. Définir une hauteur en pixels efface le rapport de recadrage ci-dessous. Choisir un rapport de recadrage efface la hauteur en pixels. Vous ne pouvez pas utiliser les deux en même temps.
• Recadrer : choisissez Original pour conserver les proportions naturelles de l’image, ou un rapport (Carré (1:1), 4:3, 3:2, 16:9) pour recadrer l’image dans cette boîte.
• Ajuster : choisissez Couvrir pour remplir la boîte et recadrer en fonction. Définissez le point de recadrage avec Point focal. Ou choisissez Contenir pour mettre l’image entière à l’échelle à l’intérieur de la boîte sans recadrage. Positionnez-la avec Définir la position.

Note

Une image de colonne avec seulement la Hauteur (px) définie s’étire sur la largeur de la colonne et est recadrée à cette hauteur.

Produits

Un bloc Produits affiche une grille de cartes de produits à partir d’un modèle partagé. Chaque carte peut inclure une image, un titre, une description, un prix et un bouton d’achat. Le modèle se répète pour chaque produit.

Cliquez sur une carte sur le canevas pour la rendre active et la modifier :

• Changez le titre, la description, le prix, l’image ou le lien par produit pour ne mettre à jour que cette carte.
• Changez la mise en page du modèle, les couleurs, la marge intérieure ou les éléments qu’il contient pour mettre à jour chaque carte.

Dans le panneau des paramètres, sous Source, choisissez d’où proviennent les produits :

• Manuel : saisissez les produits manuellement, choisissez-les dans votre catalogue de produits par ID, ou mélangez les deux.
• Règle de catalogue : extrayez automatiquement les produits par catégorie et ordre de tri, résolus à nouveau à partir du catalogue au moment de l’envoi.
• Panier : affichez les articles du panier abandonné actuel de chaque destinataire.

Note

Ces sources nécessitent les Modèles de contenu dans votre plan. Si le sélecteur de Source ne passe pas à Règle de catalogue ou Panier, contactez le support ou votre gestionnaire de compte.

Vous avez également besoin d’un jeton d’accès API (Paramètres → Accès API). Sans jeton, vous pouvez toujours sélectionner la source, mais le bloc ne rendra pas les produits tant que vous n’en aurez pas créé un et resélectionné la source.

Ajouter des produits manuellement

Remplissez la grille vous-même, soit en saisissant les produits manuellement, soit en choisissant des articles spécifiques de votre Catalogue de produits par ID. Vous pouvez mélanger les deux dans le même bloc.

• Nombre de produits : définissez le nombre de cartes à afficher (1–24).
• Ajouter un produit : ajoutez une carte et remplissez vous-même son titre, sa description, son prix, son image et son lien.
• Choisir dans le catalogue… : sélectionnez des produits spécifiques de votre Catalogue de produits au lieu de les taper.
• Actualiser depuis le catalogue : extrayez les derniers titre, description, prix et image pour les produits que vous avez choisis dans le catalogue, au cas où ils auraient changé depuis que vous les avez ajoutés. N’affecte pas les produits saisis manuellement.
• Images des produits : cliquez sur une miniature pour remplacer l’image de ce produit.
• Liens des produits : saisissez ou modifiez l’URL de chaque produit.

Extraire des produits avec une règle de catalogue

Extrayez automatiquement les produits par catégorie et ordre de tri, sans sélection manuelle.

• Catégorie : limitez à une catégorie de catalogue spécifique, ou Toutes les catégories.
• Trier : choisissez l’ordre dans lequel les produits sont extraits : Les plus récents d’abord, Prix : du plus bas au plus élevé, Prix : du plus élevé au plus bas, ou Titre A-Z.
• Nombre de produits : définissez une limite sur le nombre de cartes à afficher (1–12).
• Actualiser l’aperçu : recalculez l’aperçu du canevas par rapport au catalogue actuel.

Aperçu vs moment de l'envoi

L’aperçu du canevas montre les produits qui correspondent à la règle en ce moment. Si le catalogue change avant que vous n’envoyiez l’e-mail, par exemple un produit est en rupture de stock ou un nouveau est ajouté, les destinataires voient la correspondance mise à jour au moment de l’envoi, pas l’aperçu.

Afficher les articles du panier

Affichez les articles actuels du panier abandonné d’un destinataire.

• Nombre max de produits affichés : définissez une limite sur le nombre de cartes à afficher (1–12).
• Prévisualiser le panier d’un utilisateur : saisissez un ID utilisateur ou un e-mail et cliquez sur Prévisualiser le panier pour voir comment le bloc s’affiche pour ce destinataire spécifique.

Note

Chaque destinataire reçoit son propre panier abandonné actuel au moment de l’envoi. Les destinataires sans panier sautent simplement le bloc, alors ciblez votre audience en utilisant le tag PW_AbandonedCartID. Le canevas lui-même affiche des exemples de cartes, pas de vraies données de panier. Voir Comment configurer une campagne de panier abandonné pour la configuration complète.

Styliser la grille

Une fois que vous avez choisi une source, ces paramètres contrôlent l’apparence de la grille et de ses cartes. Ils restent les mêmes quelle que soit la source que vous utilisez :

• Colonnes : choisissez 1, 2 ou 3 cartes par ligne. Sur mobile, les cartes s’empilent toujours en une seule colonne.
• Espace : activez pour définir l’espace entre les cartes. Désactivé utilise la valeur par défaut (16px).
• Limite de la description : la limite de caractères à laquelle le texte de la description est coupé, afin que les cartes conservent une taille cohérente.
• Modèle de carte : choisissez une mise en page, puis définissez l’Arrière-plan de la carte, le Rayon d’angle de la carte et la Marge intérieure du contenu pour chaque carte.
• Taille et ajustement : affiché pour chaque mise en page qui a une image. Mêmes contrôles de Largeur, Hauteur, Recadrage et Ajustement que le dimensionnement de l’image par mise en page du bloc Carte, dimensionné par rapport à la largeur de la carte au lieu de l’e-mail entier.

Les paramètres de Style du bloc ci-dessous stylisent le bloc dans son ensemble, séparément des cartes qu’il contient :

• Arrière-plan et Image d’arrière-plan : définissez une couleur ou une image d’arrière-plan derrière toute la grille.
• Couleur de la bordure, Largeur de la bordure et Rayon de la bordure : ajoutez un contour et des coins arrondis autour de toute la grille.
• Masquer sur mobile et Masquer sur ordinateur : masquez l’ensemble du bloc sur un appareil. Voir Afficher ou masquer le contenu par appareil.

Comment le prix de vente apparaît

Si un produit a un prix de vente dans votre catalogue, la carte affiche le prix réduit avec l’original barré. Cela s’applique à la Règle de catalogue, au Panier et aux articles du catalogue en Manuel. Les produits saisis manuellement n’ont pas de prix de vente.

Actualités

Un bloc Actualités affiche une grille de cartes d’articles extraites d’un flux RSS ou Atom, comme votre blog ou un site d’actualités. Chaque carte peut inclure une image, une date, un titre, un résumé et un lien “Lire la suite”. Le modèle se répète pour chaque article, de la même manière que pour le bloc Produits. Un nouveau bloc Actualités commence avec 2 exemples de cartes.

Cliquez sur une carte sur le canevas pour la rendre active et la modifier :

• Changez la date, le titre, le résumé, l’image ou le lien par article pour ne mettre à jour que cette carte.
• Changez la mise en page du modèle, les couleurs, la marge intérieure ou les éléments qu’il contient pour mettre à jour chaque carte.

Les articles sont copiés dans le contenu de l’e-mail une fois que vous les avez chargés ; rien n’est récupéré à nouveau au moment de l’envoi. Les images des articles sont copiées dans votre Médiathèque et converties de WebP en JPEG si nécessaire, car Outlook ne peut pas afficher le format WebP.

Dans le panneau des paramètres, sous Flux d’actualités, collez une URL de flux RSS 2.0 ou Atom, puis :

• Charger les derniers articles : remplacez les cartes actuelles par les articles les plus récents du flux, avec le même nombre de cartes que vous avez déjà (2 par défaut).
• Choisir des articles… : ouvrez un tiroir listant jusqu’à 12 des derniers articles du flux, avec miniature, titre, date, catégorie et auteur, et choisissez ceux à ajouter. Les articles choisis sont ajoutés aux cartes existantes, jusqu’à un total de 12 ; les articles déjà sur le canevas ne peuvent pas être choisis deux fois.

Note

Si l’URL du flux est vide, invalide ou si le flux n’a pas d’articles, Pushwoosh affiche une erreur et laisse les cartes actuelles inchangées.

Le tiroir vous permet de choisir manuellement des articles spécifiques au lieu de toujours prendre les plus récents.

Mise en page

• Colonnes : choisissez 1, 2 ou 3 cartes par ligne. Sur mobile, les cartes s’empilent toujours en une seule colonne.
• Espace : activez pour définir l’espace entre les cartes. Désactivé utilise la valeur par défaut (16px).
• Limite du résumé : la limite de caractères à laquelle le résumé de l’article est coupé, afin que les cartes conservent une taille cohérente.

Images et liens des articles

• Images des articles : cliquez sur une miniature pour remplacer l’image de cet article.
• Liens des articles : affiché lorsque le modèle de carte a un lien lié à l’article (le bouton “Lire la suite” par défaut). Liste chaque article par titre afin que vous puissiez modifier ou remplacer son URL de destination, initialement extraite du flux.

Modèle de carte et dimensionnement

Choisissez une mise en page, puis définissez l’Arrière-plan de la carte, le Rayon d’angle de la carte et la Marge intérieure du contenu pour chaque carte. Pour la mise en page Gauche ou Droite, activez Habiller le texte autour de l’image pour faire circuler le titre et le résumé autour de l’image au lieu de les garder dans une colonne fixe. Taille et ajustement (Largeur, Hauteur, Recadrage, Ajustement) fonctionne de la même manière que le dimensionnement de l’image par mise en page du bloc Carte, dimensionné par rapport à la largeur de la carte.

Style du bloc

Arrière-plan, Image d’arrière-plan, couleur/largeur/rayon de la bordure, et Masquer sur mobile / Masquer sur ordinateur fonctionnent de la même manière que sur le bloc Produits.

Note

Comme tout autre bloc, un bloc Actualités prend en charge les conditions d’affichage pour ne l’afficher qu’à un sous-ensemble de destinataires.

Enregistrer et réutiliser les blocs

Enregistrez un bloc pour le réutiliser dans cet e-mail ou d’autres au lieu de le reconstruire à chaque fois.

1. Cliquez sur le bloc lui-même (son cadre ou son arrière-plan, pas le texte ou le bouton à l’intérieur) pour sélectionner l’ensemble du bloc. Carte, Colonnes et Réseaux sociaux sont des exemples de blocs qui fonctionnent de cette manière.
2. Cliquez sur l’icône de signet dans la barre d’outils du bloc et donnez-lui un nom.

Les blocs enregistrés apparaissent sous Blocs enregistrés en bas de l’onglet Blocs.

• Faites glisser un bloc enregistré sur le canevas, ou cliquez dessus pour l’ajouter à la fin de l’e-mail.
• Cliquez sur le × sur la tuile d’un bloc enregistré pour le supprimer.

Garder les copies synchronisées

Lorsque vous enregistrez un bloc, activez Garder les copies synchronisées pour lier chaque copie insérée à la même source. Modifiez la source une fois, et le changement s’applique partout où ce bloc est utilisé, y compris les e-mails déjà programmés pour l’envoi.

Une copie synchronisée est verrouillée sur le canevas. Vous ne pouvez pas la modifier directement. Sélectionnez la copie pour ouvrir ses paramètres :

• Modifier le bloc synchronisé : déverrouillez cette copie pour pouvoir la modifier. une bannière apparaît en haut. Cliquez sur Appliquer à tous pour enregistrer vos modifications sur la source et toutes les autres copies, ou sur Annuler pour les annuler. Vous ne pouvez déverrouiller qu’un seul bloc synchronisé à la fois.
• Mettre à jour depuis la source : remplacez cette copie par la dernière version de la source.
• Détacher de la source : déliez cette copie de la source pour pouvoir la modifier de manière indépendante.

Note

Chaque fois que vous ouvrez un e-mail, Pushwoosh vérifie ses copies synchronisées et met à jour celles qui ne sont pas à jour. Une notification indique combien ont été actualisées. Si la source a un contenu plus récent, les paramètres de la copie affichent un avertissement jusqu’à ce que vous rouvriez l’e-mail ou que vous cliquiez sur Mettre à jour depuis la source. Si la source a été supprimée, la copie conserve son dernier contenu et vous ne pouvez que la Détacher de la source.

Ajouter des liens

Utilisez la boîte de dialogue Insérer/Modifier le lien pour définir ce qui se passe lorsqu’un destinataire clique sur un bouton ou un texte sélectionné. Choisissez un Type d’action, puis remplissez les champs pour cette action.

Ouvrir un site web

Ouvre un lien lorsque le destinataire clique. Saisissez l’adresse dans URL.

Lien de gestion des préférences

Ajoute un lien vers le centre de préférences d’abonnement où les destinataires peuvent choisir les catégories d’e-mails qu’ils reçoivent. Le lien est inséré automatiquement.

Lien de désabonnement

Permet aux destinataires de se désinscrire conformément à la réglementation et à leurs préférences.

Conseil

Vous pouvez également ajouter un lien de désabonnement dans un bloc HTML :

<a href=%%PW_EMAIL_UNSUBSCRIBE%%>Unsubscribe</a>

L’espace réservé %%PW_EMAIL_UNSUBSCRIBE%% est remplacé par l’URL de désabonnement de Pushwoosh lors de l’envoi de l’e-mail.

Que se passe-t-il lorsque le destinataire clique sur le lien de désabonnement

Si le centre de préférences d’abonnement est activé

Le destinataire est désabonné uniquement de la catégorie assignée à cet e-mail (par ex., Newsletter). Le nom de la catégorie est supprimé de son tag Catégories d’e-mails abonnées.

Un écran de confirmation apparaît avec les options Se réabonner et Gérer les préférences. En savoir plus.

Si le centre de préférences d’abonnement n’est pas activé

Le destinataire est désinscrit de tous les e-mails marketing et le tag E-mails désabonnés est défini sur true. Les e-mails transactionnels ne sont pas affectés et continueront d’être livrés. En savoir plus sur les types de messages.

Important

Pour vous permettre de livrer des e-mails importants à vos clients, nous ne supprimons pas les utilisateurs désabonnés de votre base d’utilisateurs.

Pour continuer à envoyer des messages aux destinataires engagés, créez un segment filtré par E-mails désabonnés = false. Pour éviter les plaintes, n’envoyez pas d’e-mails aux destinataires qui se sont désabonnés.

Les clics sont comptabilisés dans le taux de désabonnement dans l’Historique des messages.

Lien vers la version web

Donne aux destinataires l’accès à une version web de l’e-mail, utile s’ils ont des difficultés à le visualiser dans leur boîte de réception.

Ne pas suivre les statistiques

Ouvre un lien lorsque le destinataire clique, sans compter le clic dans les statistiques de clics de votre e-mail. Saisissez l’adresse dans URL.

Lien de confirmation du formulaire d’abonnement

Insère un lien de confirmation pour une soumission de formulaire d’abonnement (par exemple, pour confirmer un double opt-in). En savoir plus sur le double opt-in.