Fermer

mars 22, 2023

Sendspark : meilleures pratiques et méthodologies de secours pour la vidéo dans les e-mails HTML

Sendspark : meilleures pratiques et méthodologies de secours pour la vidéo dans les e-mails HTML


Attirer l’attention de vos abonnés devient de plus en plus difficile, nécessitant des stratégies telles que des éléments interactifs pour inciter un abonné à interagir avec chaque e-mail. Une stratégie qui gagne en popularité est l’utilisation de vidéos par e-mail.

Support vidéo dans les e-mails HTML

Il est important de noter que lorsque nous disons vidéo par e-mailce dont nous parlons vraiment, c’est du support pour la vidéo HTML tag dans un e-mail, et non une vidéo jointe réelle que l’abonné peut télécharger et regarder. Et… tous les services de messagerie ou clients de messagerie ne prennent pas en charge le jouant de vidéos dans les e-mails. Nous discuterons de quelques solutions de rechange et des meilleures pratiques pour envoyer des vidéos dans cet article.

Ces clients de messagerie prennent en charge les vidéos intégrées dans les e-mails :

  • Apple Mail (Mac et iOS)
  • Surhumain
  • Outlook sur Mac
  • Messagerie iOS
  • Messagerie Samsung
  • Oiseau-tonnerre

Ces plates-formes de messagerie ne prennent PAS en charge les vidéos intégrées dans les e-mails :

  • Gmail
  • Outlook (partout sauf Mac)
  • Android
  • Courrier AOL
  • Lotus Notes
  • Yahoo! Poster

Comment inclure une vidéo dans un e-mail HTML

Gmail et Outlook sur PC représentent environ 60 % du marché et ne prennent pas en charge les vidéos intégrées, mais il existe certaines méthodologies de sauvegarde et le code HTML correctement écrit pour les e-mails peut incorporer des méthodologies de secours. Pour les clients de messagerie qui n’autorisent pas la lecture de la vidéo intégrée, ils peuvent également afficher une image. Voici un exemple :

<!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;
    }
    .container {
      max-width: 600px;
      margin: 0 auto;
    }
    .video-wrapper {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }
    .video-wrapper iframe,
    .video-wrapper video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <div class="container">
    <h1>Your Video Email</h1>
    <p>Dear user,</p>
    <p>We have an exciting video for you. Please watch it below:</p>
    <div class="video-wrapper">
      <video width="100%" height="auto" controls>
        <source src="https://your-video-url.com/video.mp4" type="video/mp4">
        <!--[if !mso]><!-->
        <a href="https://your-video-url.com">
          <img src="https://your-image-url.com/fallback-image.jpg" alt="Fallback image">
        </a>
        <!--<![endif]-->
      </video>
    </div>
    <p>If you cannot see the video, please <a href="https://your-video-url.com">click here to watch it on our website</a>.</p>
    <p>Best regards,</p>
    <p>Your Team</p>
  </div>
</body>
</html>

Remplacer https://your-video-url.com/video.mp4 avec l’URL de votre fichier vidéo et https://your-image-url.com/fallback-image.jpg avec l’URL de votre image de remplacement. L’image de secours sera affichée sous forme de lien vers la vidéo lorsque la vidéo ne peut pas être lue dans le client de messagerie.

Meilleures pratiques pour la vidéo dans les e-mails

Si vous êtes abonné à mon e-mail, vous remarquerez que WordPress remplace une vidéo par une image statique. C’est à peu près ce que fait le code ci-dessus, mais j’ai cependant vu de bien meilleures implémentations. Voici mon conseil :

  • Pauvre – Fournissez une image statique qui est une image de la vidéo avec un lien externe pour regarder la vidéo dans un navigateur. Le problème ici est qu’il n’y a rien qui indique qu’il s’agit d’une vidéo et qu’il faut cliquer pour que vos abonnés n’essaient même pas.
  • Bien – Superposez un bouton de lecture sur l’image afin que l’utilisateur reconnaisse qu’il s’agit d’une vidéo sur laquelle il peut cliquer pour être lue. Insérez l’image statique avec une balise d’ancrage liée à la page sur laquelle la vidéo sera lue.
  • Mieux – Tout faire en Bienmais ajoutez également une note, il y a une vidéo qui est incluse et si l’abonné ne peut pas la voir, il peut la regarder s’il clique sur le lien suivant.
  • Meilleur – Convertissez votre vidéo en un court GIF animé qui intègre également le bouton de lecture. Les gifs animés sont un moyen fantastique de montrer instantanément à l’abonné qu’il existe une vidéo sur laquelle il peut cliquer et regarder.

Sensibilisation des ventes Sendspark

SendSpark est une plate-forme qui vous permet de créer, de personnaliser et de suivre des messages vidéo personnalisés pour la diffusion par e-mail. Des plateformes comme Envoie une étincelle faites un travail fantastique d’intégration de vidéo dans les e-mails pour les e-mails un à un ou les e-mails un à plusieurs. Voici un aperçu de la plateforme.

Les fonctionnalités Sendspark Video In Email incluent

  1. Création vidéo : SendSpark vous permet d’enregistrer des vidéos à l’aide de votre webcam ou de télécharger des vidéos préenregistrées. Vous pouvez également ajouter des sous-titres, découper la vidéo et inclure des appels à l’action dans la vidéo.
  2. Personnalisation: SendSpark vous permet de personnaliser les messages vidéo avec des balises de fusion, des vignettes personnalisées et des aperçus GIF animés pour augmenter l’engagement et les taux de clics.
  3. Pages de destination vidéo : Vous pouvez créer des pages de destination vidéo personnalisées pour partager vos vidéos avec votre public, avec votre image de marque, votre messagerie personnalisée et vos appels à l’action.
  4. Vidéothèque : SendSpark fournit une vidéothèque où vous pouvez stocker, organiser et gérer toutes vos vidéos en un seul endroit.
  5. Intégrations : SendSpark s’intègre à divers marketing par e-mail et GRC outils, vous permettant d’incorporer des messages vidéo de manière transparente dans vos flux de travail et campagnes de messagerie existants.
  6. Analytique: SendSpark offre des analyses détaillées sur l’engagement vidéo, y compris le nombre de vues, le temps de visionnage, les taux de clics et les conversions, vous aidant à mesurer l’efficacité de vos messages vidéo.
  7. La collaboration d’équipe: SendSpark prend en charge les fonctionnalités de collaboration d’équipe, permettant à plusieurs membres de l’équipe d’accéder et de contribuer aux mêmes projets vidéo.

Vous pouvez tester leur plate-forme gratuitement et les lecteurs de Martech Zone peuvent obtenez 10 % de réduction lorsqu’ils s’inscrivent avec un code promo ÉCHELLEZ-VOUS.

Envoyez votre première vidéo par e-mail avec Sendspark

Divulgation : Martech Zone est une filiale de Envoie une étincelle et nous utilisons nos liens d’affiliation dans cet article.




Source link