Comment ajouter des images basées sur des règles à Iterable
Handlebars détermine le contenu quand Iterable envoie un e-mail. Une image basée sur des règles redéfinit ce contenu à chaque fois que l'e-mail est ouvert, en fonction de l'heure, de l'appareil ou de tes champs utilisateur.
Date de Première Publication : Ajoute des décisions « open-time » à tes modèles Iterable.
Avec Sendtric Images Basées sur des Règles, un emplacement d’image de ton modèle Iterable peut contenir plusieurs images, chacune avec ses propres conditions. À chaque fois que l’e-mail est ouvert, Sendtric vérifie les conditions en partant du haut et affiche la première image qui correspond. Les conditions peuvent porter sur la date, le jour, l’heure, l’appareil, le système d’exploitation, le client de messagerie ou la valeur d’un champ Iterable.
Iterable gère déjà pas mal de contenu conditionnel grâce aux helpers Handlebars, comme #ifEq, et ceux-ci sont évalués au moment où le message est généré pour être envoyé. Utilise Handlebars pour les choix qui sont définis au moment de l'envoi, et une image basée sur des règles pour tout ce qui dépend du moment ou de l'appareil sur lequel l'utilisateur lit réellement l'e-mail.
Ce que tu peux faire avec les images basées sur des règles dans Iterable
- Invites de téléchargement d'applications : affiche le badge de l'App Store sur iPhone et celui de Google Play sur Android, à partir d'un seul emplacement d'image.
- Des offres qui suivent l'heure : un service de livraison de repas ou un site de vente en ligne propose une offre déjeuner avant 14 h et une offre dîner après 17 h, selon le fuseau horaire de l'utilisateur.
- Visuels des forfaits ou des niveaux : choisis la bannière dans un champ de profil comme
planoutier, sans imbriquer de blocs Handlebars autour de plusieurs images. - Idée créative du week-end : une campagne récurrente qui affiche une bannière différente le samedi et le dimanche.
Les règles relatives au texte et au système d'exploitation fonctionnent avec tous les forfaits ; les règles de date et d'heure sont disponibles à partir du forfait Standard ; quant aux règles relatives aux appareils et aux comparaisons de numéros, elles nécessitent le forfait Power. Chaque image peut contenir 2 photos avec le forfait Free, 4 avec le forfait Micro, 10 avec le forfait Standard et un nombre illimité avec les forfaits Power et Enterprise. Une image de Secours nécessite le forfait Micro ou supérieur. Voir Tarifs.
Comment ajouter une image basée sur des règles à Iterable
Étape 1 : Ajoute tes images, en commençant par les plus précises
Dans Sendtric, va dans Images Basées sur des Règles, clique sur Créer une nouvelle puis utilise Ajouter une image pour chaque option. C'est la première correspondance qui l'emporte et tu ne pourras plus changer l'ordre des images par la suite ; ajoute donc la plus précise en premier et les plus générales en dernier.
Étape 2 : Écris les conditions
Clique sur Mettre à jour les conditions sur chaque image pour ouvrir Afficher cette image. Choisis « toutes les conditions » (ET) ou « n'importe quelle condition » (OU) et ajoute-en autant que tu veux. Pour les conditions de balises de fusion, choisis du texte, un nombre ou une date. Ajoute une Image de Secours pour les ouvertures qui ne correspondent à aucune condition.
Pour les règles horaires propres à la zone de chaque utilisateur, choisis Fuseau horaire dynamique et utilise un champ Iterable contenant les noms de fuseaux horaires, par exemple Europe/Berlin. Si la valeur est vide ou invalide, le système utilise par défaut l'UTC.
Étape 3 : Enregistrer, copier et vérifier les espaces réservés
Enregistrer, puis clique sur Copier le code. Chaque condition de balise de fusion ajoute un paramètre à l'adresse de l'image avec un espace réservé entre deux paires d'accolades. Iterable utilise les mêmes accolades, donc remplace chaque espace réservé par le nom exact de ton champ Iterable, par exemple {{tier}}. Un espace réservé qui ne correspond pas à un champ réel n'apparaîtra pas comme erroné dans l'éditeur, il s'affichera simplement vide.
Étape 4 : Colle-le dans le modèle
Clique sur Modifier le design sur ton modèle Iterable. Dans l'éditeur glisser-déposer, fais glisser un bloc HTML à partir de la section onglet « Contenu » et colle le code dans son éditeur HTML. Pour placer l'image à côté du texte, ajoute une ligne à deux colonnes depuis l'onglet onglet « Lignes » et place le bloc HTML dans l'une des colonnes.
Étape 5 : Simuler, puis prévisualiser
Dans Sendtric, la fonction « Aperçu » te permet de simuler une date, une heure, un appareil, un client de messagerie et des valeurs de champ sans utiliser de vues. Dans Iterable, ouvre Aperçu et Charger les données utilisateur pour quelques utilisateurs afin de vérifier que les valeurs des champs parviennent bien à l'adresse de l'image.
Chaque image a besoin d'une condition
Une image sans condition est ignorée, même si elle se trouve en bas de la liste. Pour une image que tu veux « montrer à tout le monde », utilise l' Image de Secours à la place.
Gmail et la détection des appareils
Gmail récupère les images via ses propres serveurs, ce qui masque l'appareil du lecteur ; ces ouvertures risquent donc d'être comptabilisées comme provenant d'un ordinateur de bureau. Quand ce choix a vraiment de l'importance, utilise plutôt un champ « Iterable » en lequel tu as confiance qu'une règle liée à l'appareil.
FAQ sur les images itérables basées sur des règles
Pourquoi ne pas simplement utiliser les conditions de Handlebars ?
Handlebars, c'est le meilleur choix quand tu connais la réponse au moment de l'envoi. En revanche, ça ne peut pas s'adapter au moment où l'e-mail est ouvert, à l'appareil sur lequel il est lu ou à une date postérieure à l'envoi. Une image basée sur des règles est redéfinie à chaque ouverture.
Est-ce que je peux utiliser une date provenant d'un événement Iterable ?
Oui, avec une condition de date utilisant une balise de fusion (à partir de la version Standard). Les dates au format AAAA-MM-JJ, MM/JJ/AAAA, RFC 3339 ou en secondes Unix sont acceptées.
Est-ce qu'une des options pourrait être un autre widget Sendtric ?
Oui. Le sélecteur d'images comporte des onglets pour tes minuteurs de compte à rebours, tes Images Personnalisées et tes widgets météo ; une règle peut donc passer d'un compte à rebours à une bannière statique, par exemple. Voir comment placer un widget à l'intérieur d'un autre.
Qu'est-ce que les utilisateurs voient s'il n'y a aucun résultat ?
L'image de Secours, si tu en as ajouté une. Sinon, une image invisible de 1 pixel sur 1, pour qu'aucune icône d'image manquante n'apparaisse.
Est-ce que les conditions relatives au texte tiennent compte des majuscules ?
Non. Les conditions textuelles ne tiennent pas compte de la casse, donc une tier valeur « Gold » ou « gold » correspondra à la même règle.
Ce guide aborde l'un des aspects de la Plateforme de personnalisation d'Email . Pour chaque Images Basées sur des Règles , consulte la page principale.
Plus de guides Iterable
- Minuteurs de compte à rebours - Comment ajouter des minuteurs de compte à rebours à Iterable
- Minuteurs de compte à rebours - Ajouter des minuteurs dynamiques dans Iterable
- Sondages en direct - Comment ajouter des sondages en direct à Iterable
- Images Personnalisées - Comment ajouter des Images Personnalisées à Iterable
- Météo Dynamique - Comment ajouter la Météo Dynamique à Iterable
- Alertes critiques - Comment ajouter des alertes critiques à Iterable
- Compteurs de preuves sociales - Comment ajouter des compteurs de preuves sociales à Iterable
Tu utilises une autre plateforme ? Découvre toutes les intégrations Sendtric.
