SmartPulse
Cas d'usage
Exemples
Information techniques
Aide en ligne sur l'éditeur de visuel
Pulse
L’onglet Pulse permet de définir le contenu de la capsule affichée au lancement du SmartPulse et l’apparence du message diffusé. C’est ici que vous configurez le texte, l’image et les premières options visuelles du format.
Titre du Pulse
Champ permettant de définir le titre principal affiché dans le SmartPulse, il sera affiché en gras.
Bonnes pratiques :
Rester court et percutant
Mettre en avant l’information clé ou la promesse
Éviter les phrases trop longues
Exemples :
« Offre exceptionnelle »
« Nouveau service disponible »
« Jusqu’à -30 % »
Texte du Pulse
Texte secondaire venant compléter le titre en le suivant, le texte est en affichage normal.
Utilisation recommandée :
Donner un contexte ou un bénéfice
Inciter à l’action sans être trop promotionnel
Compléter le message sans surcharger l’écran
Exemples :
« Découvrez notre nouvelle gamme dès maintenant »
« Offre valable jusqu’à dimanche »
Image du Pulse
Permet d’ajouter une image associée au SmartPulse.
Recommandations :
Utiliser une image carrée, souvent celle en place sur les réseaux sociaux.
Utiliser une image lisible et contrastée
Éviter les visuels trop chargés
Privilégier un logo.
Formats JPG.
L'image est optionnelle, si elle n'est pas renseignée, une animation prend le relais.
Avancé
Texte de droite à gauche
Active l’affichage du texte dans un sens droite → gauche.
Cas d’usage :
Langues RTL (arabe, hébreu)
Mises en page spécifiques
Effets visuels particuliers
Couleur de l’arrière-plan
Permet de définir la couleur de fond du Pulse.
Conseils :
Utiliser une couleur contrastée avec le texte
Respecter la charte graphique de la marque
Tester la lisibilité sur mobile
Couleur de la police
Définit la couleur du texte affiché dans le SmartPulse.
Bonnes pratiques :
Contraste élevé avec l’arrière-plan
Éviter les couleurs trop proches du fond
Tester sur différents écrans
Affichage inverse Pulse / Hero
Inverse l’ordre d’affichage entre :
le bloc Pulse
le visuel Hero (si présent)
Cette option permet d’adapter le rendu selon :
le format de l’image
la hiérarchie du message
le device ciblé
Durée de l’animation du texte
Définit la durée de l’animation du texte (en secondes).
Impact :
Plus la durée est longue, plus l’animation est lente
Une durée trop courte peut nuire à la lisibilité
Recommandation :
Ajuster la durée selon la longueur du texte
Tester le rendu avant diffusion
Pression publicitaire
Le bloc Pression publicitaire permet de contrôler quand, comment et dans quelles conditions le SmartPulse est affiché à l’utilisateur.
L’objectif est de trouver le bon équilibre entre visibilité publicitaire et confort de navigation.
Affichage automatique du Hero
Lorsque cette option est activée, le SmartPulse s’affiche automatiquement après un délai défini, sans action de l’utilisateur.
Durée avant affichage
Définit le délai (en secondes) avant l’apparition du SmartPulse.
Bonnes pratiques :
Éviter les affichages trop rapides
Laisser le temps à l’utilisateur de prendre connaissance du contenu
Adapter le délai selon la longueur de la page
Recommandation courante : entre 10 et 25 secondes.
Affichage lors du défilement vers le haut
Active l’affichage du SmartPulse lorsque l’utilisateur remonte la page.
Ce comportement est souvent perçu comme :
moins intrusif
plus contextuel
mieux accepté par les utilisateurs
Distance de défilement
Définit le pourcentage de scroll nécessaire avant déclenchement.
Exemples :
25 % : affichage rapide
50 % : affichage plus intentionnel
75 % : affichage tardif, faible pression
100 % : affichage uniquement en fin de page, attention au scroll infini.
Pas d'activation au défilement : désactivation de la fonction.
Fermeture automatique du Pulse
Permet de fermer automatiquement le SmartPulse après un certain temps.
Durée de fermeture automatique
Temps (en secondes) avant la fermeture automatique.
Avantages :
Réduction de l’intrusivité
Meilleure acceptation utilisateur
Expérience plus fluide
Recommandation : entre 45 et 120 secondes.
Ajouter un bouton de fermeture sur le Pulse
Ajoute un bouton de fermeture visible directement sur le SmartPulse.
Pourquoi l’activer :
Donner le contrôle à l’utilisateur
Améliorer l’expérience perçue
Se conformer aux bonnes pratiques UX
Recommandé pour :
les campagnes à forte pression
les formats persistants
les contextes éditoriaux sensibles
Bonnes pratiques de pression publicitaire
Éviter de cumuler affichage automatique + scroll + délais courts
Tester différents scénarios avant diffusion
Adapter la pression selon le device (mobile vs desktop)
Toujours privilégier la lisibilité et le confort utilisateur
En résumé
Le bloc Pression publicitaire est essentiel pour :
maîtriser l’impact du SmartPulse
optimiser l’acceptation utilisateur
améliorer les performances globales de la campagne
Un bon réglage de la pression publicitaire permet souvent d’obtenir de meilleurs résultats avec moins d’impressions.
Publicité / Héro
Image
Privilégier une image au format JPG
Opter pour un visuel clair et lisible, accompagné d'un message simple et concis
Image GIF
Slider
Préférer le slider lorsqu’il y a plusieurs messages ou produits à mettre en avant
Formats: image JPG (de préférence) et/ou vidéo MP4
Effets du slider
Ajouter un effet au slider pour le rendre plus dynamique
Cube : les visuels défilent comme si un cube tournait sur lui-même.
Coverflow : les visuels défilent comme sur un ruban en les inclinant pour mettre en avant l’image centrale
Flip : les visuels tournent sur eux-mêmes, souvent utilisés pour faire du recto/verso
Cartes : présenter chaque élément sous forme de bloc visuel distinct, facile à parcourir, avec un aperçu des visuels suivants sous le visuel principal
Cube non structuré :
Navigation
Intégrer des flèches sur les côtés du visuel pour guider le passage à l’image suivante
Réglages avancés
Lecture automatique : les images défilent automatiquement selon la durée définie
Couleur principale du silder:
Avant / Après
Ce format est principalement utilisé pour montrer une transformation ou une amélioration
Il nécessite 2 visuels au format JPG de préférence.
Les deux images se superposent pour comparer un état initial et un résultat, avec un curseur permettant de faire glisser l’avant/après.
Image A: correspond à l'image "avant"
Image B: Correspond à l'image "après"
Pourcentage de démarrage : définir la part du visuel A affichée au départ.
Vidéo
HTML5
Script
Labs
Site Web
Last updated