Comment utiliser la collecte d’avis par e-mail dans l’e-mail
Découvrez comment permettre aux clients de rédiger un avis directement dans une boîte de réception d’e-mail compatible. Le fait de sélectionner Envoyer l’avis ouvre une page web qui confirme l’avis ou leur demande de renseigner les informations manquantes.
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, puis Demandes et réponses (ou Demandes d’avis, selon votre compte).
- 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 la carte Collecte d’avis dans l’e-mail est visible, mais ne comporte pas de bouton Activer, 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’éditeur d’e-mails, ouvrez Contenu (ou Ajouter du contenu), puis 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.
- Attendez la fin de l’enregistrement de vos modifications, puis cliquez sur Quitter.
Avant d’apporter des modifications au bloc de demande d’avis dans l’e-mail, enregistrez d’abord une copie de celui-ci. Pour restaurer le format d’origine, utilisez votre copie enregistrée, ou le code ci-dessous. Pour modifier ce bloc, vous devez apporter des modifications directement au code, et cela n’est recommandé qu’aux développeurs ou aux marketeurs à l’aise avec le code.
Code du bloc d’avis dans l’e-mail
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 des champs de contenu de note et d’avis, ainsi qu’un champ de titre lorsque celui-ci est activé :
- É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 ouvert pour le titre ou l’intitulé d’un avis (inclus si les titres d’avis sont activés dans l’éditeur de la page de soumission d’avis lorsque vous activez la collecte d’avis dans l’e-mail)
La personnalisation de ces champs nécessite de modifier le code du bloc. Les téléversements d’images et les questions personnalisées ne sont pas inclus dans le formulaire d’e-mail.
Limitations
Cette fonctionnalité repose 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 peut utiliser le lien Rédiger un avis sur le Web pour envoyer son avis.
Si un évaluateur laisse la note ou le texte de l’avis vide, ou ne respecte pas vos exigences concernant le titre ou le nombre minimal de mots, le formulaire web s’ouvre avec les informations qu’il a saisies afin qu’il puisse terminer l’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 pour le produit, l’envoi du formulaire d’avis dans l’e-mail ouvre le formulaire web, dans lequel les personnes qui donnent leur avis doivent répondre à ces questions pour pouvoir envoyer leur avis. Les envois d’avis partiels ne seront pas stockés.
- Si vous avez des questions personnalisées non obligatoires et que l’avis répond à vos autres exigences de soumission, les évaluateurs voient une page de confirmation après avoir envoyé leur réponse depuis leur boîte de réception. Les questions facultatives sont ignorées. Les évaluateurs peuvent y répondre en sélectionnant Rédiger un avis sur le web dans l’e-mail avant d’envoyer leur réponse, ou en visitant la page produit et en cliquant sur Rédiger un avis.
Résultat
Une fois que vous aurez terminé ces étapes, les clients utilisant des boîtes de réception prises en charge pourront saisir leur avis dans l’e-mail. Après avoir sélectionné Soumettre l’avis, une page Web confirme l’avis ou leur permet de compléter toute information requise.
Ressources supplémentaires
- Understanding reviews performance
Learn how to monitor and understand your reviews analytics in Klaviyo, including your response rate, average rating, and more. These analytics are important to understanding whether your review request flows are working as intended, and tracking your customers’ response to your products.
- How to respond to customer reviews
Learn how to respond to reviews left by your customers. Responses are public, so future shoppers can use this information to inform their buying decisions.