Implémentation technique
Positionner un élément Engage sur une page web
Pour optimiser l'impact des éléments Engage et garantir une bonne intégration avec le design d'un site, il est essentiel de bien configurer leur placement. Cet article détaille les différentes méthodes de positionnement sur une page web. Placement sur une div existante Tirer parti d’une classe ou d’un ID existant Les éléments Engage peuvent être insérés directement dans une div spécifique de votre page. Pour cela : Utilisez une classe CSS ou un ID existant pour identifier laPeu de lecturesEngage - Notre checklist de pré-lancement
Avant toute chose, n'oubliez pas, notre extension Poool Tag Helper est disponible pour vous faciliter la tâche ! Vous pourrez ainsi voir tous les paramétrages qui sont appliqués sur votre site et prévisualiser l'ensemble de vos éléments, selon les conditions définies côté Dashboard. Plusieurs choses à vérifier : Intégration Le script Engage est intégré sur toutes les pages du site suPeu de lecturesComment tester mes éléments Poool Engage ?
Vous avez fini votre design Engage et appliqué les filtres que vous souhaitez dans le Dashboard ? Vous pouvez à présent tester directement sur votre page ! 🎉 On va donc vérifier deux points essentiels : l'affichage de votre élément : son design, son positionnement sur votre page, fermeture ou non de l'élément le comportement de celui-ci : les conditions définies dans le Dashboard sont-elles correctement appliquées ? Utiliser la fonction de prévisualisation Grâce à l'option "<PrévisuPeu de lecturesComment intégrer un élément Engage sur mon site ?
L'intégration d'un élément Engage sur votre site très simple à réaliser. Voici comment procéder étape par étape. 1. Intégrer le SDK Engage sur l'ensemble de mon site Le SDK Engage est la fondation qui vous permet d'afficher des éléments dynamiques sur votre site web. Pour intégrer le SDK Engage : Ajoutez le script : Insérez le script suivant sur l'ensemble des pages de votre site, en modifiant <your-app-idpar l'identifiant de votre app Poool :Peu de lecturesComment intégrer Poool Engage via GTM?
Il est possible de charger le script Poool Engage via Google Tag Manager. Cela vous permet d'afficher des éléments Engage sans toucher directement au code de votre site. Dans cet article, nous vous indiquons les étapes principales à prévoir. 💡Lorsque vous choisissez l'intégration via GTM, il est important de garder en tête les points suivants : GTM peut être bloqué par des adblockers, ce qui va bloquer Poool et donc l'affichage des éléments Engage. Le temps de chargement du script peut êtrPeu de lecturesComment configurer les filtres personnalisés dans Poool Engage ?
Grâce aux filtres personnalisés de Poool Engage, vous pouvez affiner facilement le ciblage de vos éléments. Cette fonctionnalité vous permet ainsi d'appliquer de multiples règles d'affichage/masquage selon des caractéristiques qui vous sont propres, en plus de toutes les conditions natives proposées dans votre Dashboard. Le filtre personnalisé vous permet d'utiliser n'importe quelle donnée, dans la mesure où celle-ci est disponible de votre côté (datalayer, base de donnée). Côté DashboarPeu de lectures
Engage & Webperformances
Engage & CLS — Eviter les décalages de mise en page (Cumulative Layout Shift)
Le CLS (Cumulative Layout Shift) mesure notamment les décalages de mise en page perçus par l’utilisateur, lors du chargement de celle-ci. Cet article a pour but d'adresser les sujets suivants : quels sont les formats Engage pouvant générer du CLS pourquoi cela arrive comment le corriger directement dans le Dashboard Poool Engage comment valider l’intégration côté site les bonnes pratiques recommandées Pourquoi Engage peut-il provoquer du CLS ? Engage s’affiche dans un ifraPeu de lecturesPoool Engage & Webperformances : FAQ
Engage est conçu pour minimiser au maximum son impact sur les performances et respecter les bonnes pratiques des Core Web Vitals. Cette page rassemble les réponses aux questions les plus fréquentes de nos clients, ainsi que des recommandations issues de nos tests internes et de retours terrain. Comment Engage se charge-t-il techniquement ? Engage suit les mêmes principes que le SDK Poool Access: Chargement asynchrone du script (engage.js) Aucun blocage du rendu principal RPeu de lectures
Conditions d'affichage
Quelles sont les différentes conditions d'affichage des éléments Engage ?
Il existe une grande variété de conditions d'affichage sur Poool Engage. Ajoutant à cela la possibilité de croiser celles-ci, les possibilités deviennent virtuellement infinies ! Dans cet article, nous les passons en revue pour vous permettre de choisir la meilleure configuration possible pour vos éléments Engage. Afficher dans un élément cible (https://downloads.inPeu de lecturesComment fonctionnent les groupes de conditions dans Poool Engage ?
Afin d'intégrer un niveau de granularité supplémentaire dans le ciblage de l'élément, vous pouvez également activer des groupes de conditions "ET" et "OU". Par défaut, vos paramétrages s'appliquent selon un cumul de conditions "ET". Gardez en tête que si l'une de ces conditions ne peut être vérifiée en même temps qu'une autre (exemple : afficher 1 fois par jour et masquer sur une url), alors, vous devez privilégier un groupe de condition "OU". Pour y accéder, choisissez le mode "avancé" lors dPeu de lectures
Design d'éléments
Comment créer une landing page avec Poool Engage ?
Vous souhaitez utiliser Poool Engage pour créer une landing Page ? C'est tout à fait possible ! Voici l'exemple de notre page The Audiencers créée de toutes pièces avec Poool Engage. (https://downloads.intercomcdn.com/i/o/Peu de lecturesComment afficher plusieurs étapes sur un seul élément Engage ?
Pour mettre en place un multivisuel sur un single element, on utilise la fonctionnalité des champs cachés combinée aux conditions d’affichage. Initialisation On commence par afficher un champ caché, auquel on attribue un nom de variable et une valeur par défaut (par exemple step = 1). (https://downloads.intercomcdn.com/i/o/s22rivig/1746209396/ce4ed7d4Peu de lecturesGérer le mode sombre sur Engage (Dark Mode)
Le mode sombre est une option qui permet aux utilisateurs d'afficher un design assombri pour plus de confort visuel, en particulier dans des environnements peu lumineux. Il peut être activé directement via les réglages du système d'exploitation (Windows, macOS, iOS, Android) ou via les paramètres de certains navigateurs web. Pourquoi proposer le mode sombre à vos lecteurs ? Avantages Amélioration du confort visuel : réduit la fatigue oculaire en basse luminosité. ExpériePeu de lecturesCréer un onboarding en plusieurs étapes avec Engage
Rien de tel qu'un accueil chaleureux pour poser les bases d'une longue relation avec ses nouveaux abonnés, et ainsi travailler un aspect crucial : la rétention. Proposer un onboarding en plusieurs étapes, juste après la confirmation de paiement d'un(e) nouvel(le) abonné(e), s'avère être un outil très efficace pour guider vos lecteurs en douceur. Cet article a pour but de proposer un exemple d'onboarding en 3 étapes, et une manière (parmi d'autres) d'utiliser le SDK Engage pour y paPeu de lecturesComment configurer la fermeture d'un élément Engage?
Dans cet article, nous allons voir comment configurer la possibilité de fermer un élément Engage, qu'il s'agisse d'éléments à l'intérieur de votre contenu, ou bien en surimpression (formats modale / popin). C'est parti ! Faire disparaitre un élément au clic sur un bouton Pour permettre à vos utilisateurs de fermer un élément Engage en cliquant sur un bouton, suivez ces étapes : Modifier un élément : Accédez à votre dashboard Engage et sélectionnez l'élément que vous souhaitez modifiPeu de lecturesComment importer sa propre police dans Poool Engage ?
Afin de rester cohérent avec votre charte visuelle, vous pouvez utiliser vos propres polices dans les apparences créées avec Poool Engage. Il vous suffit pour cela d'importer la police dans le bloc CSS de votre apparence, de la même manière que pour importer une police sur un site web. Dans Apparences Modifier les propriétés de l'élément CSS Personnalisé (https:Peu de lecturesComment créer un formulaire dans Poool Engage ?
Grâce à poool Engage, vous pouvez facilement créer vos pop-in pour collecter de l'information. Activer les champs de formulaires Afin de proposer le formulaire à vos utilisateurs, vous devez créer votre élément dans Poool Engage et choisir le type de champ que vous proposez à l'utilisateur. Pour se faire, rendez-vous dans la section "Eléments" d'Engage, puis Créer un élément . Enfin grâce à la petite croix ⨁, sélectionnez les composants à ajouter. Dans le deuxième onglet, vous retrouvez tPeu de lecturesComment créer un élément au format popin avec Poool Engage?
Vous souhaitez afficher un élément Engage en format popin sur votre site ? Félicitations 🥳 C'est une excellente manière de booster la visibilité de vos messages envers vos lecteurs. Avant d'activer un élément de ce type, il y a quelques considérations à prendre en compte afin de proposer l'expérience la plus fluide possible. Dans cet article, nous vous présentons plusieurs méthodes pour gérer l'affichage de votre élément en surimpression. Option 1 : Appliquer du style au conteneur parent ℹPeu de lecturesQuel sont les composants de l'éditeur de design Poool Engage?
Dans cet article, on vous donne le détail de toutes les options de personnalisation qui sont disponibles dans l'éditeur de design pour créer vos éléments Engage, selon vos envies. Pour ceux qui sont déjà familiers avec poool Access, l'éditeur de design ne devrait pas avoir de secrets pour vous 🙂 Vous pourrez néanmoins découvrir ici quelques spécificités propres à Engage. Pour bien commencer... L'apparence d'un élément Engage se construit grâce aux différents composants à votre disposition.Peu de lectures
Statistiques, données et connexion
Intégration de Chargebee avec Poool Engage
L'intégration native de Chargebee permet d'afficher et de gérer toutes les offres Chargebee directement dans Poool Engage. Grâce à ce connecteur, il est possible de synchroniser automatiquement produits et plans d’abonnement, simplifiant ainsi l'intégration et offrant une meilleure expérience utilisateur. Pourquoi utiliser le connecteur natif ? Synchronisation automatique des offres L’intégration permet de récupérer automatiquement les produits et plans Chargebee dans l'intPeu de lecturesComment récupérer les données collectées via Poool Engage ?
Si vous activez un formulaire dans poool Engage, vous souhaitez choisir le mode le plus adapté pour la récupération des données. Poool ne stocke aucune donnée qui est collectée via les champs formulaire des éléments Engage. Il vous est donc indispensable de mettre en place votre propre logique. Pour cela, nous proposons plusieurs options : Connexion Zapier Nous mettons à votre disposition la connexion avec Zapier, qui permet d'envoyer les données dans votre propre système. (https:Peu de lecturesComment connecter Poool Engage avec Stripe ?
Grâce au connecteur natif Poool Engage <Stripe, vous pouvez afficher dans un élément Poool Engage les offres qui auront été créées dans votre compte Stripe. La connexion entre poool et stripe se fait automatiquement, afin de remonter la bonne offre et les informations qui lui sont associées. Vue utilisateur Le parcours utilisateur est simple : au clic sur le bouton de l'élément Engage, l'utilisateur est directement redirigé vers la page de paiement Stripe, avec la bonne offre associée (pagPeu de lectures