Smart Elements_Cover Image
timer ~ 8 min lu
19456 vues
évaluez-le
20 juillet 2021

Automatisation de la production d'e-mails, ou comment utiliser des éléments intelligents dans le marketing par e-mail

Stripo / Blog / Automatisation de la production d'e-mails, ou comment utiliser des éléments intelligents dans le marketing par e-mail

Imaginez que la création d'une fiche produit avec le design que vous aimez vraiment ne prend que quelques clics !

Tout ce que vous avez à faire, c'est de coller un lien vers votre site web, et Stripo se chargera lui-même d'intégrer l'image, la description et le nom du produit dans vos e-mails de promotion.

Inutile de sauvegarder et de télécharger des images, de copier et coller des descriptions de produits, d'ajouter les URL nécessaires aux boutons - nous nous en chargeons.

C'est un rêve qui se réalise ?

Eh bien, nous allons maintenant vous montrer comment commencer à utiliser cette magie pour les e-mails.

Automatisez la production d'e-mails avec Stripo
Join

Que sont les éléments intelligents, ou comment fonctionnent-ils ?

Les Smart Elements sont une fonctionnalité conçue par Stripo. Elle vous permet d'automatiser la production d'e-mails. C'est un véritable gain de temps pour ceux qui créent de multiples fiches produits et condensés d'emails. Vous les configurez une fois et les utilisez dans de nombreuses campagnes de promotion.

Dans l'un des articles précédents, nous avons déjà montré comment travailler avec nos éléments intelligents.

Vous deviez définir des règles internes et externes pour que le système récupère et tire des informations de correction dans les éléments respectifs de vos e-mails.

Mais cette fois, il est beaucoup plus facile de commencer à utiliser les éléments intelligents.

Si votre site contient des balises OG, il vous suffit de coller le lien vers le produit et de spécifier où exactement dans l'e-mail certaines informations sur le produit doivent figurer. Cela vous prendra moins de 5 minutes - juste une fois. La prochaine fois que vous utiliserez à nouveau les éléments intelligents, il vous suffira de coller le lien vers le produit, sans aucune configuration.

Nos Smart Elements mis à jour sont entièrement compatibles avec les sites web suivants :

  1. Ebay.com.

  2. Aliexpress.com.

  3. Walmart.com.

  4. Etsy.com.

  5. Medium.com.

  6. Pocket.com.

  7. Vk.com.

  8. Reddit.com.

  9. Linkedin.com.

Comment vérifier si votre site contient des éléments intelligents ?

Si votre site web ne figure pas dans la liste ci-dessus, vous devez vérifier s'il prend en charge les balises OG - Open Graph - :

  • Cliquez avec le bouton droit de la souris sur votre site web ;

  • cliquez sur Ctrl+F sous Windows, ou CMD+F sous macOS ;

  • entrez "og :";

  • si vous en trouvez dans le code, alors votre site le supporte.

Étiquettes OG

Si votre site ne prend pas en charge les balises OG, veuillez vous référer à notre article de blog "Les éléments intelligents réduisent le temps passé à créer des e-mails similaires" pour le manuel sur la façon de travailler avec les éléments intelligents dans ce cas.

Pour ceux dont le site Web prend en charge les balises OG, nous avons préparé un bref manuel expliquant comment configurer les éléments intelligents en moins de 10 minutes.

Commençons, d'accord ?

Conception d'une fiche produit

La première chose à faire est de créer une fiche produit avec tous les champs dont vous avez besoin. 

Sachez que si vous souhaitez obtenir le nom et la description d'un produit, vous devez tirer deux fois le bloc de base "Texte" dans votre fiche produit.

Ensuite, vous concevez chaque élément du bloc de la fiche produit/du résumé d'e-mail comme vous le souhaitez - vous définissez la taille de la police pour chaque élément individuellement, vous travaillez sur la couleur et la forme de votre bouton, etc.

Pour ce faire, vous devez ajouter une image "placeholder" et un texte "lorem ipsum" dans chaque élément respectif.

Il est important que tous les blocs se trouvent dans un seul conteneur ! 

léments intelligents_Conception d'une fiche produit

Ou en une seule structure, si vous voulez que votre carte/poste de blog fasse toute la rangée de l'e-mail.

Structures sous forme de fiches produits

Configuration des éléments intelligents 

Une fois que vous avez terminé le prototype de la fiche produit, vous pouvez passer à la configuration des éléments intelligents.

Étape 1. Activation de cette option

  • cliquez sur l'icône "Conteneur"/"Structure" dans le modèle ;

  • dans le panneau "Paramètres", vous entrez dans l'onglet "Données" ;

  • et cliquez sur le bouton "Commencer".

Activation de l'option Éléments intelligents

Étape 2. Configuration des éléments intelligents

Dans l'onglet "Configuration", vous :

  • ajouter les variables nécessaires en cliquant sur l'icône "Plus" ;

Configuration des éléments intelligents_Ajout de variables

  • le système ajoutera automatiquement les variables nécessaires. 

Veuillez noter que l'intégration actuelle avec Amazon, eBay, Etsy, etc. récupère les données comme suit : Nom du produit, description et image. Les prix seront ajoutés manuellement. Néanmoins, vous pouvez ajouter le champ "Prix" dans la fiche produit - nous vous montrerons plus tard comment le modifier.

Étape 3. Définition des règles de correspondance

Bonne nouvelle ! Stripo est sur les règles externes. Donc, vous devrez manuellement définir uniquement les règles internes.

URL d'une page de produit

Si cela est fait correctement, le lien vers la page de votre produit sera ajouté à l'image du produit et au bouton CTA de votre fiche produit. En cliquant sur ces liens, les utilisateurs seront dirigés vers la page correspondante de votre site Web.

Donc, pour définir des règles internes pour l'URL, vous devez :

  • ouvrez les paramètres nécessaires en allant dans l'onglet "URL" ;

  • dans le champ de saisie "sélecteur CSS", vous entrez "a" ;

  • dans le champ de saisie "Attribut", vous entrez "href".

Travail sur le règlement intérieur des liens

Nom du produit

S'il est bien fait, le nom du produit sera automatiquement repris dans l'e-mail depuis votre site web.

  • ouvrez l'onglet "p_name" ;

  • Faites défiler vers le bas pour entrer la variable ".p_name" dans le champ de saisie "CSS selector". Il est important que vous l'ajoutiez avec le point (.) au début ;

  • Cliquez maintenant sur le nom du produit dans le modèle d'e-mail pour ouvrir son code HTML ;

  • collez class="p_name" dans la balise d'ouverture <p>.

Ajout d'une classe pour le nom du produit

Vous pouvez donner n'importe quel autre nom à cette classe. Il doit simplement être unique et coïncider avec la variable que vous avez définie dans le champ de saisie du sélecteur CSS.

Il existe un autre moyen de relier les courriels à votre site web pour récupérer les noms de produits.

Si vous avez appliqué un titre quelconque au nom de votre produit, comme j'ai utilisé le titre 2, il vous suffit d'entrer "h2" (ou h3, h4, h5) dans le champ de saisie du sélecteur CSS. Et N'AJOUTEZ RIEN au code.

Travailler sur des variables pour CSS Selector_Name

Description du produit
Si tout est bien fait, la description du produit nécessaire sera tirée de votre site Web dans le courriel.
  • allez dans l'onglet "p_description" ;

  • entrez la variable ".p_description" dans le champ de saisie "CSS selector". Il est important que vous l'ajoutiez avec le point (.) au début ;

  • Cliquez maintenant sur la zone de description du produit dans le modèle d'e-mail pour ouvrir son code HTML ;

  • collez class="p_description" dans la balise d'ouverture <p>.

Ajout des balises de description dans le code e-mail

Comme dans le paragraphe précédent, je tiens à dire que vous pouvez utiliser n'importe quel nom pour la classe. C'est vous qui décidez. Assurez-vous simplement que le même nom a été utilisé dans le champ de saisie du sélecteur CSS.

Il en va de même pour le paragraphe ci-dessous.

Image du produit

Si tout est bien fait, l'image du produit nécessaire sera tirée de votre site Web dans l'e-mail.

  • allez dans l'onglet "p_image" ;

  • saisissez la variable ".p_image" dans le champ de saisie "sélecteur CSS". Il est important que vous l'ajoutiez avec le point (.) au début ;

  • saisissez "src" dans le champ Attribut ;

  • cliquez maintenant sur l'image dans le modèle d'e-mail pour ouvrir son code HTML ;

  • collez class="p_image" dans la balise d'ouverture <img>avant src.

Ajout d'attributs pour les images

Étape 4. Collage de votre URL

Maintenant que vous avez configuré votre élément intelligent, vous pouvez coller le lien vers le produit dans le champ de saisie "Lien". Peu importe si vous choisissez l'onglet "Configuration" ou "Apparence" - le champ de saisie est commun aux deux onglets.

Coller l'URL du produit dans le champ de saisie du lien

Regardez la magie en action.

Étape 5. Modification des prix

Comme nous l'avons mentionné précédemment, l'intégration actuelle avec Amazon, Etsy, eBay, Walmart et AliExpress ne permet pas de récupérer les prix via les éléments intelligents. 

Mais si vous ajoutez ce champ à votre fiche produit avec les éléments intelligents, il vous sera peut-être plus facile de modifier le prix. 

Après avoir collé le lien vers la page du produit, dans l'onglet Apparence, vous modifiez le prix dans le champ vedette. Les styles de conception que vous avez définis précédemment sont appliqués immédiatement.

Modification des prix des éléments intelligents

Enregistrer cette fiche produit pour la réutiliser dans les futures campagnes d'emailing.

  • tout d'abord, vous devez dupliquer la "fiche produit" si vous voulez avoir deux fiches ou plus par ligne ;

  • puis mettez en surbrillance l'ensemble de la structure et cliquez sur le bouton "Enregistrer en tant que module" ;

  • donnez un nom à ce module ;

  • lors du lancement d'une nouvelle campagne, il suffit de tirer ce module de votre stockage personnel de modules dans le modèle ;

Utilisation de modules avec des éléments intelligents dans les futures campagnes

  • coller des liens vers de nouveaux produits. 

C'est ça !

Dernières réflexions

L'option Éléments intelligents permet d'accélérer la production d'e-mails, en particulier pour les entreprises de commerce électronique qui envoient des e-mails promotionnels assez souvent.

Si vous avez besoin d'aide pour configurer les éléments intelligents pour vos courriels, veuillez laisser un commentaire ci-dessous ou nous envoyer un courriel à contact@stripo.email.

Gagnez votre temps précieux avec Stripo

Karina il y a 1 an

Цікава стаття

Hanna Kuznietsova commenté à Karina il y a 1 an

Дякую ?

Vous pourriez être intéressé par

précédent suivant
banner9
06 juin · 15 min lu
10 meilleurs concepteurs de modèles de courriel pour 2022

Est-ce que tous les constructeurs de modèles de courriel se ressemblent ? Vous êtes maintenant confus sur lequel choisir pour vos campagnes de courriel, n'est-ce pas? Ce n'est pas étonnant, car il en existe un très grand nombre. Nous allons passer en revue les constructeurs les plus populaires pour trouver leurs caractéristiques distinctives afin de vous aider à trouver le meilleur constructeur de courriel HTML pour vos besoins actuels. Je tenterai de créer un modèle dans tous ces éditeurs avec...

Création Marketing Modèles
best-fonts-for-email-cover-image-stripo
24 mai · 18 min lu
Les meilleures polices de caractères pour les e-mails : Conseils et astuces d'utilisation

L'une des préoccupations les plus marquantes dans le processus de production d'un courriel est le choix de la bonne police. Poids, hauteur, largeur, couleur, forme, espacement... Tout a-t-il de l'importance ? Oui, mais l'une des choses les plus importantes est de choisir une police qui soit lisible. Dans ce post, nous allons vous montrer comment choisir la meilleure police professionnelle pour les emails. Concevez des e-mails élégants avec Stripo en un rien de temps grâce à nos modèles préétablis Parcourir...

Création Marketing
Greatest Examples of GIF animations in Emails_Cover Image
27 octobre 2021 · 10 min lu
16 superbes exemples de GIFs animés dans des courriels

Les GIFs dans les courriels vous seront d'une grande utilité si vous souhaitez mettre en valeur votre produit, attirez l'attention des utilisateurs sur certains éléments, ou simplement décorer légèrement votre texte. Dans cet article, nous avons fourni quelques meilleurs exemples d'animation de gif pour courrier électronique. Exemples de GIFs animés dans les courriers électroniques Voici une compilation des meilleurs exemples avec des GIFs dans les courriers électroniques. Chaque GIF remplit sa mission. 1. Adidas (Source : courriel d'Adidas) Adidas a...

Création Marketing
08 avril 2021 · 17 min lu
14 meilleurs exemples de conception de signatures de courriel

Les bonnes signatures d'e-mails nous aident à développer notre activité et à faire bonne impression sur les clients. Comme il s'agit du dernier élément que les gens voient dans les courriels, nous devons rendre nos signatures personnelles créatives et mémorables. Examinons les meilleurs exemples de signatures d'e-mails et leur utilisation appropriée dans les e-mails et les modèles de newsletter pour les e-mails. Il convient de mentionner que tous les types d'entreprises ont besoin de signatures de courriel professionnelles avec des...

Création Marketing Modèles
Soyez toujours au fait des dernières actualités de l'e-marketing, des guides, des articles et des guides pratiques sur la conception d'e-mails