Intégrer la vidéo dans le courriel : soutien à la clientèle, modèles d’automne, accessibilité et liste de vérification de l’AQ (2026)

Apprenez à utiliser les vignettes vidéo, les prévisualisations GIF animées et la vidéo HTML5 dans les courriels, avec des modèles de repli, des vérifications d’accessibilité et des conseils d’AQ de campagne.

embed video in email
Intégrer la vidéo dans le courriel?

La vidéo peut faciliter la compréhension d’un e-mail, mais les clients ne traitent pas la vidéo comme un site Web. Certains clients prennent en charge la vidéo HTML5, certains la dépouillent, d’autres n’affichent que le repli et d’autres bloquent les images jusqu’à ce que le destinataire les autorise. Cela signifie que “vidéo embarquée dans l’email” est vraiment un problème de conception de recul.

La valeur par défaut pratique est une vignette vidéo liée. Il ressemble à une vidéo, envoie des personnes sur une page de lecture fiable, et évite de dépendre de l’incohérence du support de la boîte de réception. Les aperçus GIF animés peuvent ajouter du mouvement lorsqu’ils sont optimisés avec soin. Vrai vidéo HTML5 embarquée est une option avancée pour les publics contrôlés, pas la base de référence pour chaque campagne.

Matrice de recommandation

Objectif Méthode recommandée

  • Oui. Compatibilité maximale avec le bouton de lecture Afficher un mouvement rapide du produit Afficher l’aperçu GIF animé avec link Supporter Apple-lourds ou testés HTML5 vidéo avec fallback Message transactionnel ou critique du compte. Une campagne sensible à l’accessibilité Nécessité d’analyse vidéo détaillée. Lien vers la page vidéo hébergée.

Si vous n’êtes pas sûr, utilisez une vignette avec un bouton de lecture et un lien texte en dessous. C’est le modèle le plus prévisible.

Pourquoi la vidéo directe est difficile dans l’email

Les clients de messagerie sont plus restrictifs que les navigateurs. Ils peuvent bloquer des scripts, supprimer des balises non prises en charge, des images proxy, réécrire des liens ou désactiver le jeu automatique. L’élément vidéo HTML5 n’est pas universellement pris en charge par les principaux clients Webmail, bureau et mobile.

Cela crée trois risques :

  1. La vidéo ne rend pas. Le destinataire ne voit rien, une boîte vide ou une image de repli.
  2. Le courriel devient lourd. Les grands fichiers multimédias ralentissent le chargement et peuvent nuire à l’expérience.
  3. Le message devient inaccessible. Motion sans contexte, clignotant les GIF ou manquant le texte alt peut exclure les utilisateurs.

La solution n’est pas d’éviter la vidéo. La solution est de concevoir l’email pour que la vidéo soit optionnelle : utile quand elle fonctionne, inoffensive quand elle ne fonctionne pas.

Méthode 1: Thumbnail statique avec bouton de jeu

C’est la méthode par défaut pour la plupart des équipes.

Structure

Recommandation

  • Oui. Utiliser un cadre fixe de haute qualité de la vidéo Ajouter un simple bouton de lecture qui signale clairement la vidéo. Lien de l’image vers une page d’atterrissage ou une page vidéo Texte Ajouter un lien texte sous l’image Décrivez la vidéo et l’action Rendre la vidéo facile à lire sur mobile

Exemple :

<a href="https://example.com/video-demo">
<img
src="https://example.com/video-thumbnail.jpg"
alt="Watch the two-minute product setup video"
width="600"
/>
</a>
<p><a href="https://example.com/video-demo">Watch the setup video</a></p>
```La meilleure réponse
- Des démos.
- Des témoignages de clients.
- Webinaire rejoue.
- Des nouvelles du Fondateur.
- Annonces.
- À bord des passants.
- Les invitations.
Notes sur l’AQ
Vérifiez la vignette sur mobile. Un bouton de jeu trop petit peut ressembler à une décoration au lieu d’une action. Testez également le mode image bloqué. Si les images sont bloquées, le texte alt et le texte CTA devraient encore rendre la vidéo disponible.
## Méthode 2: Aperçu animé du FPG
Les GIF peuvent afficher des mouvements dans de nombreuses boîtes de réception, mais ce ne sont pas de vraies vidéos. Ils n’ont pas d’audio, peuvent devenir grands et ne peuvent pas animer chaque client.
### Bonnes cas d’utilisation GIF
- Je montre une petite interaction.
- Prévisualiser un mouvement de produit.
- Démontrer avant/après l’état.
- Donner un teaser visuel rapide pour une vidéo plus longue.
Règles du GIF
- Garde la boucle courte.
- Comprimez agressivement.
- Évitez les clignotements ou les strobations rapides.
- Inclure un premier cadre statique qui a du sens si l’animation ne joue pas.
- Ajouter un texte et un CTA.
- Relier le GIF à la vidéo complète.
Exemple :
```html
<a href="https://example.com/video-demo">
<img
src="https://example.com/video-preview.gif"
alt="Preview of the product automation video"
width="600"
/>
</a>
<p><a href="https://example.com/video-demo">Watch the full video</a></p>
```Quand ne pas utiliser les FPG
Évitez les GIF pour des instructions critiques, du contenu sensible à l’accessibilité, de longues explications ou tout autre moyen de détourner le mouvement du message. Une vignette et une page de destination sont souvent mieux.
## Méthode 3: Vidéo HTML5 avec Fallback
Utilisez la vidéo HTML5 intégrée seulement lorsque vous avez testé le mix client de votre public et avez un retour fiable.
Exemple :
```html
<video width="600" controls poster="https://example.com/thumbnail.jpg">
<source src="https://example.com/video.mp4" type="video/mp4" />
<a href="https://example.com/video-demo">
<img
src="https://example.com/thumbnail.jpg"
alt="Watch the video demo"
width="600"
/>
</a>
</video>
```### HTML5 Vidéo QA
Avant d’envoyer:
- Testez l’email dans vos meilleurs clients.
- Confirmez que le retour apparaît lorsque la vidéo n’est pas prise en charge.
- Évitez les hypothèses de jeu automatique.
- Gardez la page d’atterrissage liée disponible.
- Confirmez le chargement de l’image.
- Confirmer que le type de fichier est pris en charge pour les clients testés.
- Vérifiez la taille de l’email et le temps de chargement.
Si le repli n’est pas fiable, n’expédiez pas de vidéo intégrée.
## Stratégie de soutien aux clients par courriel
Utiliser la recherche sur le soutien aux clients comme contribution à la planification, et non comme promesse. Les changements de comportement du client, les outils de sécurité d’entreprise peuvent modifier le rendu des courriels et les paramètres individuels peuvent bloquer les médias.
Construisez votre modèle autour des calques :
1. **Meilleure affaire:** Le client pris en charge affiche la vidéo ou l’animation.
2. ** Cas normal :** Thumbnail apparaît et des liens vers la vidéo.
3. **Caisse à image bloquée :** Le texte Alt et le texte CTA fonctionnent toujours.
4. **Caisse en texte blanc :** Un lien vidéo clair apparaît.
Cette approche en couches est plus forte que d’essayer de forcer la lecture vidéo partout.
## Sujet et préen-tête
Ne pas surpromettre la lecture en ligne. Si l’email se connecte à une vidéo, la ligne objet peut encore mentionner la vidéo, mais le corps devrait indiquer clairement que le destinataire regardera sur une page liée.
Exemples:
Type d’e-mail
- Oui.
Voir le nouveau flux de configuration
Rejouer le webinaire Rejouer prêt : [nom de l’événement] Regardez l’enregistrement et téléchargez les diapositives.
Tutoriel : connectez Shopify à Brevo. Suivez les étapes de configuration sur la page de démonstration.
Une courte étude de cas vidéo
Nouveau : [caractère] en action
Évitez les « jeux à l’intérieur de ce courriel » à moins que vous soyez sûr que c’est vrai pour le segment qui le reçoit.
## Exigences relatives à la page d’atterrissage
La destination compte autant que le courriel. Si quelqu’un clique sur une vignette vidéo, la page d’atterrissage ne devrait pas les faire chasser pour la vidéo.
Utilisez cette liste de contrôle:
- La vidéo est visible près du haut.
- Page charge rapidement sur mobile.
- Des légendes ou des transcriptions sont disponibles au besoin.
- CTA après la vidéo correspond à l’objectif de la campagne.
- Les paramètres UTM ou le suivi des campagnes sont préservés.
- La page fonctionne sans nécessiter une connexion inattendue.
- La page a un recul pour les régions ou les navigateurs où le lecteur vidéo échoue.
## Liste de contrôle sur l’accessibilité
L’accessibilité des courriels vidéo commence avant la vidéo.
- Utilisez le texte alt descriptif pour les vignettes.
- Ajouter un texte CTA qui ne repose pas sur l’image.
- Évitez les GIF clignotants ou à grande vitesse.
- Inclure des légendes ou une transcription sur la page d’atterrissage.
- Ne pas transmettre l’information essentielle uniquement par audio.
- Faites le bouton de lecture visuellement clair.
- Utiliser suffisamment de contraste pour le texte sur les vignettes.
- Évitez les conceptions d’e-mail uniquement image.
Si la vidéo explique une action requise, inclure également l’action requise dans le texte.
## Livraison et confiance de l’expéditeur
La vidéo elle-même n’est pas un raccourci de livraison. Les mêmes règles d’envoi s’appliquent toujours : envoi authentifié, messages recherchés, faibles plaintes, lignes d’objet précises et désabonnement facile pour les courriels marketing.
Les campagnes vidéo peuvent créer des risques lorsqu’elles utilisent des copies trompeuses, de gros biens ou des destinations liées qui se sentent suspectes. Gardez l’email honnête:
- Le sujet doit correspondre à la vidéo liée.
- La vignette doit représenter la vidéo réelle.
- Le CTA devrait dire aux gens où ils vont.
- Le domaine de la page d’atterrissage doit être reconnaissable.
- Les liens de désabonnement et de préférence doivent rester clairs.
## Exemples de flux de travail sur le commerce électronique
Pour Shopify marchands utilisant Tajo avec Brevo, la vidéo peut supporter les messages du cycle de vie sans devenir l’ensemble du courriel.
Motif d’email recommandé
- Oui.
Bienvenue à la marque ou l’installation intro.
Comment utiliser le produit acheté
Récupérer le panier Démo produit ou aide au calibrage
Parcourir les abandons Category buying guide Category Thumbnail with related products
Comment fonctionnent les récompenses?
Comment obtenir plus du produit
Événement: Webinaire invite ou rejoue
Le rôle de Tajo est de conserver les données Shopify client, commande, produit et événement disponibles à l’intérieur de Brevo. Utilisez ces données pour choisir la bonne vidéo pour l’étape du cycle de vie, puis gardez le modèle d’email résilient.
## Mesure
Mesurez le courriel vidéo en deux endroits :
1. **Plateforme courriel:** clics miniatures, clics de lien texte, désabonnements, plaintes et conversions attribuées au courriel.
2. **Vidéo ou plate-forme d’atterrissage :** joue, montre le temps, l’achèvement, le CTA clique après avoir regardé, et forme les présentations.
Ne jugez pas la vidéo seulement par des ouvertures. Une ligne d’objet peut accroître la curiosité alors que la vidéo ne fait pas avancer le client. Suivre l’action en aval que la vidéo était censée soutenir.
## Liste de contrôle de mise en œuvre
- [ ] Choisissez miniature, GIF ou vidéo HTML5 en fonction de l’audience et du but.
- [ ] Lien vers une page d’atterrissage vidéo fiable.
- [ ] Ajouter le texte descriptif.
- [ ] Ajouter un texte CTA sous le bloc visuel.
Compresser les images et les GIF.
- [ ] Évitez les flashs rapides ou les animations distrayantes.
- [ ] Testez le rendu bloqué par image.
- [ ] Tester le rendu mobile.
- [ ] Confirmer le comportement de repli chez les principaux clients de courriel.
- [ ] Confirmer le suivi UTM et l’analyse vidéo.
- [ ] Gardez les liens de désabonnement et de préférence visibles pour les courriels marketing.
- [ ] Gardez les mises à jour de l’état transactionnel clair si le courriel est opérationnel.
## FAQ
### Gmail peut-il lire la vidéo intégrée dans l’email?
Ne présumez pas la lecture en ligne dans Gmail. Utilisez une vignette liée ou un retour GIF à moins d’avoir testé le comportement exact pour votre modèle et votre public.
Un GIF animé est-il le même que la vidéo ?
C’est pas vrai. Un GIF est une animation d’images. Il n’a pas d’audio, peut être grand, peut ne pas animer partout, et devrait lier à la vidéo complète lorsque la vidéo porte le message principal.
### Dois-je accueillir des vidéos sur YouTube, Vimeo, Wistia, ou mon propre site?
Utilisez l’option d’hébergement qui vous donne une lecture fiable, des analyses, des légendes, un contrôle de marque et une page d’atterrissage qui correspond à la campagne. Ne joignez pas un grand fichier vidéo directement au courriel.
### Où la vidéo devrait-elle apparaître dans le courriel?
Placez le bloc vidéo près du point où il supporte le message. Pour les démos et les replays, il peut être le bloc primaire. Pour les courriels transactionnels ou de panier, gardez d’abord le statut critique ou les détails du panier.
Qu’est-ce que ça devrait être ?
Au minimum, utilisez une image miniature, un texte alt descriptif et un lien texte simple vers la vidéo. Pour la vidéo HTML5, assurez-vous que les clients non soutenus affichent un retour utile au lieu d’un bloc vide.
## Recommandation finale
Utilisez les vignettes vidéo liées comme prévisualisations GIF animées par défaut lorsque le mouvement court ajoute de la valeur, et la vidéo HTML5 seulement lorsque le mix client est testé et que le repli est fort.
La vidéo dans l’email ne devrait pas être un jeu de rendu. Traitez-le comme une amélioration progressive: les meilleurs clients obtiennent une expérience visuelle plus riche, et tout le monde obtient encore un message clair, un lien de travail, et un chemin accessible à regarder.
## Articles connexes
- [Guide des modèles de courriel : cadres de cycle de vie, modèles de présentation, blocs de copie et liste de vérification de l’AQ (2026)](/blog/email-templates-guide/)
- [Guide de conception du courriel : mise en page, accessibilité, composants, QA de soumission et flux de travail d’essai (2026)](/blog/email-design-guide/)
- [Livre de lecture de la ligne de sujet du courriel : Fit boîte de réception, test, exemples et conformité QA (2026)](/blog/email-subject-line-guide/)
- [Email Marketing Metrics: Complete Tracking Guide](/blog/email-marketing-metrics-guide/)
- [Shopify Email Marketing Guide: Lifecycle Strategy, Data Model, and Automation QA (2026)](/blog/shopify-email-marketing-guide/)

Frequently Asked Questions

Pouvez-vous intégrer la vidéo directement dans un courriel?
Parfois, mais le soutien est incohérent. La vidéo HTML5 peut fonctionner dans certains clients de messagerie, tandis que d’autres suppriment ou ignorent l’élément vidéo. Utilisez une vignette ou un retour GIF animé à moins que vous ayez testé les clients exacts que votre public utilise.
Quelle est la façon la plus sûre d’ajouter de la vidéo à l’email?
Le modèle le plus sûr est une vignette statique avec un bouton de lecture qui se connecte à une page vidéo hébergée. Il est facile à rendre, accessible lorsqu’il est écrit correctement et fonctionne même lorsque la vidéo intégrée n’est pas prise en charge.
Quand dois-je utiliser un aperçu GIF animé ?
Utilisez un GIF optimisé court lorsque le mouvement aide le destinataire à comprendre la vidéo. Gardez le fichier petit, incluez du texte alt, évitez de clignoter rapidement et liez le GIF à la vidéo hébergée.
La vidéo devrait-elle être hébergée dans le courriel?
Habituellement non. Organisez la vidéo complète sur une page d’atterrissage ou une plate-forme vidéo, puis un lien à partir du courriel. Cela donne une meilleure lecture, l’analyse, les contrôles d’accessibilité, et le comportement de repli.
Comment puis-je suivre la performance des courriels vidéo?
Suivre les clics sur la vignette ou CTA dans votre plateforme de messagerie, puis suivre les lectures, regarder le temps et les conversions sur la page d’atterrissage vidéo ou la plateforme d’hébergement.

Subscribe to updates

how-to

Drop your email or phone number — we'll send you what matters next.

auto-detect
Obtenir Brevo