Comment utiliser la collecte d’avis par e-mail dans l’e-mail
Découvrez comment permettre à vos clients de soumettre un avis directement depuis leur e-mail. Une fois cette option configurée, les évaluateurs n’auront pas besoin d’ouvrir une nouvelle fenêtre pour laisser un avis.
Cette fonctionnalité est actuellement disponible uniquement pour les comptes dont la langue est définie sur anglais dans Avis > Paramètres des avis > Général.
Activer la collecte d’avis par e-mail intégrée à l’e-mail
- Dans Klaviyo, accédez à Reviews.
- Sélectionnez Paramètres des avis > Demandes d’avis.
- Dans la carte Collecte d’avis dans l’e-mail, sélectionnez Activer, puis confirmez votre choix dans la fenêtre modale qui s’affiche.
Si le bouton Activer n’est pas visible, vous avez déjà activé cette fonctionnalité ; passez à la section suivante.
Une fois cette étape terminée, Klaviyo ajoutera un bloc de contenu universel à votre compte. Vous devez ajouter ce bloc au(x) e-mail(s) dans votre flux de demande d’avis.
Ajouter un bloc de collecte d’avis à un e-mail de flux
Ce bloc n’est pris en charge que dans les flux déclenchés par l’événement Prêt à rédiger un avis. Si vous ajoutez ce bloc à un autre flux ou à une campagne, il ne s’affichera pas correctement.
- Accédez à votre flux de demande d’avis.
- Ouvrez un modèle d’e-mail dans le flux.
- Dans l’onglet Contenu, sélectionnez Universel.
- Recherchez Collecte d’avis dans l’e-mail - Klaviyo Reviews.
- Cliquez et faites glisser le bloc de demande d’avis intégré à l’e-mail dans votre e-mail.
- Supprimez le bloc d’évaluation par étoiles précédent de votre message.
Avant d’apporter des modifications au bloc de demande d’avis dans l’e-mail, enregistrez d’abord une copie de celui-ci. Il n’existe aucun moyen de rétablir les paramètres d’origine de votre bloc après avoir effectué des modifications. La modification de ce bloc nécessite d’apporter des modifications directement dans le code et n’est recommandée qu’aux développeurs ou aux marketeurs à l’aise avec le code.
Code du bloc d’e-mail dans l’application
Si vous devez revenir à la version d’origine du bloc de collecte d’avis dans l’e-mail, copiez l’extrait de code de votre choix ci-dessous et collez-le dans un bloc HTML dédié :
Sans titre d’avis
<div class="kl_reviews__email_submission" style="display: block; margin: auto; padding: 24px;"><!--[if !mso]><!--><form action="{{ event.review_link }}" method="GET">
<h4 class="kl_reviews__email_submission__header" style="font-weight: bold;">Rating</h4>
<table class="kl_reviews__email_submission__ratings" style="width: 100%; margin-bottom: 32px;">
<tbody>
<tr>
<td style="width: 20%;"><input id="rating1" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="1"> <label style="display: block; cursor: pointer;" for="rating1">1 ★</label></td>
<td style="width: 20%;"><input id="rating2" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="2"> <label style="display: block; cursor: pointer;" for="rating2">2 ★</label></td>
<td style="width: 20%;"><input id="rating3" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="3"> <label style="display: block; cursor: pointer;" for="rating3">3 ★</label></td>
<td style="width: 20%;"><input id="rating4" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="4"> <label style="display: block; cursor: pointer;" for="rating4">4 ★</label></td>
<td style="width: 20%;"><input id="rating5" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="5"> <label style="display: block; cursor: pointer;" for="rating5">5 ★</label></td>
</tr>
</tbody>
</table>
<h4 class="kl_reviews__email_submission__header" style="font-weight: bold;">Your review</h4>
<textarea class="kl_reviews__email_submission__content" style="display: block; width: 99%; height: 120px; border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 32px; font-size: 16px;" name="content">​</textarea> <button class="kl_reviews__email_submission__submit" style="display: block; width: 100%; border-radius: 2px; background-color: #000; color: #fff; cursor: pointer; border: none; height: 50px; font-size: 16px; margin-bottom: 32px;" type="submit"> Submit review </button></form><!--<![endif]-->
<h4 class="kl_reviews__email_submission__fallback" style="text-align: center; font-weight: bold;">Having trouble with the form?</h4>
<a class="kl_reviews__email_submission__fallback_link" href="{{ event.review_link }}" style="display: block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 400;">Write review on the web</a>
</div>Avec titre de l’avis
<div class="kl_reviews__email_submission" style="display: block; margin: auto; padding: 24px;"><!--[if !mso]><!--><form action="{{ event.review_link }}" method="GET">
<h4 class="kl_reviews__email_submission__header" style="font-weight: bold;">Rating</h4>
<table class="kl_reviews__email_submission__ratings" style="width: 100%; margin-bottom: 32px;">
<tbody>
<tr>
<td style="width: 20%;"><input id="rating1" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="1"> <label style="display: block; cursor: pointer;" for="rating1">1 ★</label></td>
<td style="width: 20%;"><input id="rating2" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="2"> <label style="display: block; cursor: pointer;" for="rating2">2 ★</label></td>
<td style="width: 20%;"><input id="rating3" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="3"> <label style="display: block; cursor: pointer;" for="rating3">3 ★</label></td>
<td style="width: 20%;"><input id="rating4" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="4"> <label style="display: block; cursor: pointer;" for="rating4">4 ★</label></td>
<td style="width: 20%;"><input id="rating5" style="display: block; cursor: pointer; margin-bottom: 8px;" name="rating" type="radio" value="5"> <label style="display: block; cursor: pointer;" for="rating5">5 ★</label></td>
</tr>
</tbody>
</table>
<h4 class="kl_reviews__email_submission__header" style="font-weight: bold;">Your review</h4>
<textarea class="kl_reviews__email_submission__content" style="display: block; width: 99%; height: 120px; border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 32px; font-size: 16px;" name="content">​</textarea>
<h4 class="kl_reviews__email_submission__header" style="font-weight: bold;">Review headline</h4>
<input class="kl_reviews__email_submission__headline" style="display: block; width: 99%; height: 36px; border: 1px solid #d9d9d9; border-radius: 4px; margin-bottom: 32px; font-size: 16px;" name="headline" type="text">
<button class="kl_reviews__email_submission__submit" style="display: block; width: 100%; border-radius: 2px; background-color: #000; color: #fff; cursor: pointer; border: none; height: 50px; font-size: 16px; margin-bottom: 32px;" type="submit"> Submit review </button></form><!--<![endif]-->
<h4 class="kl_reviews__email_submission__fallback" style="text-align: center; font-weight: bold;">Having trouble with the form?</h4>
<a class="kl_reviews__email_submission__fallback_link" href="{{ event.review_link }}" style="display: block; text-align: center; cursor: pointer; font-size: 14px; font-weight: 400;">Write review on the web</a>
</div>À propos du bloc d’avis dans l’e-mail
Le bloc d’avis dans l’e-mail contient 3 champs :
- Évaluation de l’avis
Une option de bouton radio permettant de sélectionner 1 à 5 étoiles - Contenu de l’avis
Un champ de texte libre pour le contenu de l’avis - Titre de l’avis
Un champ de texte libre pour le titre d’un avis (uniquement visible s’il est sélectionné dans l’éditeur de la page de soumission d’avis)
Ces champs ne sont pas modifiables. Les questions personnalisées n’apparaîtront pas dans le bloc d’avis intégré à l’e-mail.
Limitations
Cette fonctionnalité s’appuie sur l’élément HTML <form>, qui n’est pas pris en charge par tous les fournisseurs de boîtes de réception. Si un destinataire ouvre votre e-mail de demande d’avis dans une boîte de réception qui ne prend pas en charge l’élément form, il verra à la place un lien pour soumettre un avis.
Les questions personnalisées ne sont pas prises en charge pour la collecte d’avis dans l’e-mail. Si vous avez des questions personnalisées, les évaluateurs ne les verront que dans certains scénarios.
- Si vous avez des questions personnalisées obligatoires, l’envoi du formulaire d’avis dans l’e-mail redirigera les évaluateurs vers un nouvel onglet où ils devront remplir les questions personnalisées pour soumettre leur avis. Les soumissions partielles d’avis ne seront pas enregistrées.
- Si vous avez des questions personnalisées non obligatoires, les évaluateurs verront une page de confirmation après avoir envoyé leur avis depuis leur boîte de réception. Seuls ceux qui accèdent à la page du produit et cliquent sur le bouton Écrire un avis verront vos questions personnalisées.
Résultat
Une fois ces étapes terminées, vos clients peuvent envoyer des avis directement dans l’e-mail, sans avoir besoin d’ouvrir un autre onglet ou une autre fenêtre pour accéder à votre formulaire de demande d’avis.