Comment ajouter des blocs produits dans vos designs email

Les blocs produits vous permettent d'ajouter facilement du contenu personnalisé dans vos designs email, comme des recommandations produit, des paniers abandonnés ou des produits récemment consultés.

Vous pouvez choisir une source de données produit, sélectionner les informations à afficher, puis personnaliser le rendu directement dans le designer sans avoir à utiliser la syntaxe Liquid.

1. Pré-requis

Avant de configurer un bloc produit personnalisé, vérifiez les éléments suivants :

  • Les données produit nécessaires sont disponibles dans votre environnement Splio.

  • Pour les recommandations produit, les stratégies de recommandation doivent être configurées et disponibles.

  • Pour les cas d'usage liés au web tracking, le suivi web doit être actif et collecter les données nécessaires.

2. Ajouter un bloc produit dans un design email

  1. Créez un nouveau design puis ajoutez un bloc produit.

  2. Accédez à la fenêtre de configuration du bloc produit.

  3. Sélectionnez la source de données à utiliser :

    • Produits du panier

    • Filtres produits ou contacts

    • Navigation sur le site

    • Recommandations produit

  4. Choisissez le nombre de produits à afficher ainsi que les informations produit à inclure dans le bloc, comme :

    • le nom du produit ;

    • l'image ;

    • le prix ;

    • le lien vers la fiche produit ;

    • tout autre champ personnalisé disponible.

  5. Ajoutez, si nécessaire, des conditions d'affichage afin de montrer le bloc uniquement lorsque certaines données sont disponibles pour le contact.

  6. Une fois la configuration validée, personnalisez le rendu du bloc directement dans le designer : mise en page, couleurs, boutons, textes, liens et espacements.

Utiliser les variables produit disponibles

Les variables permettent d'afficher dynamiquement les informations produit dans votre bloc.

Lors de la création du bloc, Splio affiche les variables disponibles selon la source de données sélectionnée. Une variable correspond à une information exploitable dans le bloc, par exemple le nom du produit, son image, son prix ou son URL.

Les variables proposées peuvent varier selon le type de bloc utilisé.

Ajouter des conditions d'affichage

Les conditions permettent de contrôler l'affichage d'un bloc selon les données disponibles pour chaque contact.

  1. Ouvrez le bloc produit dans le designer.

  2. Accédez à sa configuration.

  3. Ajoutez une condition d'affichage.

  4. Sélectionnez la variable ou le champ à utiliser.

  5. Choisissez l'opérateur adapté et renseignez la valeur attendue.

  6. Validez la condition puis prévisualisez le design afin de vérifier le comportement du bloc.

3. Bonnes pratiques

  • Limitez le nombre de produits affichés pour conserver un email clair et lisible.

  • Mettez en avant les informations essentielles :

    • image ;

    • nom du produit ;

    • prix ;

    • bouton ou lien d'accès.

  • Évitez de modifier une stratégie de recommandation déjà utilisée dans plusieurs designs sans vérifier son impact.

  • Pour les paniers abandonnés ou les confirmations de commande, vérifiez que les données sont correctement remontées avant d'activer la campagne.

  • Testez le rendu avec plusieurs profils de contact lorsque cela est possible, car les données disponibles peuvent varier d'un contact à l'autre.

  • Prévisualisez systématiquement le design avant son activation.

4. FAQ

Q : Puis-je créer un bloc produit sans utiliser Liquid ?
R : Oui. Cette fonctionnalité permet de créer des blocs produits sans écrire de code Liquid. Les variables disponibles sont directement accessibles depuis l'interface et peuvent être configurées dans le designer.

Q : Pourquoi certains produits ne s'affichent-ils pas dans mon email ?
R : Plusieurs causes sont possibles :

  • le contact ne dispose pas des données nécessaires ;

  • une variable utilisée dans le bloc est vide ;

  • une condition d'affichage empêche le bloc de s'afficher.

Prévisualisez le design avec différents contacts afin d'identifier l'origine du problème.

Q : Puis-je afficher un panier abandonné dans un email ?
R : Oui, si les données de panier abandonné sont disponibles dans votre environnement. Sélectionnez simplement la source de données appropriée lors de la création du bloc produit.

Q : Puis-je afficher les produits récemment consultés par un contact ?
R : Oui, à condition que le web tracking soit actif et que les données de navigation remontent correctement dans Splio.

Q : Puis-je modifier l'apparence du bloc produit ?
R : Oui. La configuration du bloc permet de définir la source de données et les variables à afficher. La personnalisation visuelle est ensuite réalisée dans le designer : couleurs, boutons, textes, liens, espacements et mise en page.

Q : Pourquoi l'aperçu dans le designer peut-il être différent du rendu final ?
R : Certains contenus dépendent des données réellement disponibles au moment de l'envoi. Il est recommandé de prévisualiser le design avec différents contacts afin de vérifier le rendu final.