--- title: "Créer des pop-ups à fort taux de conversion avec Scratcher" description: "Créez des pop-ups à fort taux de conversion avec Scratcher : configurez, concevez et intégrez un pop-up gamifié en quelques minutes, sans code." url: https://scratcher.io/fr/blog/how-to-create-high-converting-pop-ups-with-scratcher language: fr --- # Comment créer des pop-ups à fort taux de conversion avec Scratcher Un guide pas à pas pour créer, concevoir et intégrer en quelques minutes un pop-up gamifié à fort taux de conversion avec Scratcher. Henrik Lund 5 min de lecture 23 juin 2025 ![Comment créer des pop-ups à fort taux de conversion avec Scratcher](https://scratcher.io/img/containers/assets/blog/covers/how-to-create-high-converting-pop-ups-with-scratcher.webp/519c351ed31282cb4d56bf0194e3356e/how-to-create-high-converting-pop-ups-with-scratcher.webp) Bien utilisés, les pop-ups sont puissants. Ils stimulent l’engagement, collectent des leads et augmentent les conversions. Avec Scratcher, créer un [pop-up](https://scratcher.io/fr/platform/pop-ups) gamifié avec lequel les gens ont vraiment envie d’interagir ne prend que quelques minutes. Dans ce guide, nous vous expliquons comment configurer, concevoir et intégrer votre premier pop-up sur la plateforme Scratcher. ## Étape 1 : créez votre pop-up Une fois connecté à Scratcher : 1. Cliquez sur le bouton « Créer » dans la barre latérale gauche. 2. Dans le menu du haut, choisissez « Pop-ups » (à côté de la barre de recherche). 3. Sélectionnez le format de votre choix. Dans cet exemple, nous utilisons la [boîte mystère](https://scratcher.io/fr/platform/formats/mystery-box). 4. Donnez un nom à votre pop-up et cliquez sur « Créer un pop-up ». **Voilà, vous êtes prêt à personnaliser.** *Vidéo : enregistrement d’écran de la création d’un nouveau pop-up boîte mystère dans la plateforme Scratcher.* ## Étape 2 : personnalisez le design Scratcher vous donne un contrôle créatif total sur l’apparence et l’ambiance de votre pop-up. Voici ce que vous pouvez ajuster. ### Emplacement Dans les paramètres, choisissez où le pop-up apparaît : - Bandeau supérieur - Pop-up latéral - Pop-up central - Pop-up plein écran Chaque type offre un équilibre différent entre visibilité et intrusion. Un pop-up latéral est discret, tandis qu’un pop-up plein écran est difficile à manquer. *Vidéo : enregistrement d’écran du choix de l’emplacement du pop-up et de l’ajustement de son design dans Scratcher.* ### Taille Dans le contenu, définissez la hauteur et la largeur du pop-up. *Astuce de pro :* utilisez les icônes d’appareils en bas pour prévisualiser et ajuster votre design pour [ordinateur, tablette et mobile](https://scratcher.io/fr/blog/mobile-popup-best-practices). ### Arrière-plan Toujours dans le contenu, vous contrôlez l’apparence de l’arrière-plan pendant l’affichage du pop-up. Vous pouvez : - Définir une couleur unie - Reprendre les couleurs de votre marque grâce aux codes hexadécimaux *Vidéo : enregistrement d’écran du réglage de la couleur d’arrière-plan du pop-up dans Scratcher.* ### Teaser du pop-up Les teasers sont des éléments cliquables sur votre site qui ouvrent votre pop-up. C’est une façon douce d’inciter les visiteurs à jouer. Vous pouvez utiliser un teaser avec votre pop-up ou le placer directement sur une page de campagne. ![Site de commerce avec un bouton teaser de pop-up dans le coin inférieur gauche](https://scratcher.io/img/containers/assets/blog/retail-website-popup-teaser-button.webp/6b10270ac268806e6d833cf23099928b/retail-website-popup-teaser-button.webp) ## Étape 3 : construisez le parcours du pop-up Un pop-up Scratcher typique comporte plusieurs étapes : - **Page d’intro :** un court message de bienvenue et un visuel - **Page de formulaire :** collectez des informations comme l’e-mail et le nom - **Page de jeu :** laissez les gens jouer et tenter de gagner - **Page de fin :** affichez le résultat ou un message de remerciement Utilisez le panneau de droite pour passer d’une page à l’autre et modifier les textes, les images et les fonctionnalités. ![Panneau du parcours du pop-up dans Scratcher avec les pages Intro, Formulaire, Jeu et Fin](https://scratcher.io/img/containers/assets/blog/scratcher-popup-flow-panel.webp/770cc414d1c2e8aad30fc3cb8b0f057a/scratcher-popup-flow-panel.webp) ## Étape 4 : définissez les déclencheurs et la visibilité Scratcher vous offre un contrôle précis sur **quand**, **où** et **à quelle fréquence** votre pop-up apparaît. ### Options de déclenchement - **Déclencheur temporel :** affichez le pop-up après un nombre de secondes défini. - **Déclencheur au défilement :** affichez-le lorsqu’un visiteur a fait défiler X % de la page. - **[Déclencheur d’intention de sortie](https://scratcher.io/fr/blog/exit-intent-popup) :** détectez quand quelqu’un s’apprête à partir et affichez le pop-up juste à temps. - **Déclencheur au clic :** n’affichez le pop-up que lorsqu’un bouton ou un lien précis est cliqué. - **Liste d’autorisation :** ciblez des visiteurs précis par chemin d’URL, source de provenance et type d’appareil. - **Liste d’exclusion :** empêchez l’affichage du pop-up dans certaines conditions, comme sur des pages précises ou pour certaines adresses IP ou certains appareils. - **Déclencheur par appareil :** masquez votre pop-up sur certains appareils. - **Options d’affichage :** contrôlez la fréquence pour ne pas agacer les gens. Définissez combien de fois il apparaît et combien de jours s’écoulent entre deux affichages. ![Menu des déclencheurs du pop-up dans Scratcher listant les déclencheurs temporel, au défilement, d’intention de sortie et autres](https://scratcher.io/img/containers/assets/blog/scratcher-popup-triggers-menu.webp/ef0eb60b12f0a8aa31b36974dbbc272c/scratcher-popup-triggers-menu.webp) ## Étape 5 : appliquez votre kit de design Utilisez **« Mes kits de design »** pour mettre à jour : - Les couleurs d’arrière-plan - Les polices et les styles de boutons - Le thème global, pour que tout reste fidèle à votre marque Prévisualisez vos modifications en temps réel grâce au sélecteur mobile/tablette/ordinateur en bas de l’écran. *Vidéo : enregistrement d’écran de l’application d’un kit de design enregistré à un pop-up dans Scratcher.* ## Étape 6 : ajoutez le pop-up à votre site Une fois votre pop-up prêt, il est temps de le mettre en ligne. ### 1. Récupérez votre script Après avoir créé votre premier pop-up, rendez-vous dans la section **Gestion des pop-ups**. Vous y trouverez un **script unique** lié à votre compte. Le script reste le même, quel que soit le nombre de pop-ups que vous créez. ### 2. Choisissez où l’afficher Ouvrez l’éditeur de votre site ou votre CMS et allez sur la page où vous voulez que le pop-up apparaisse. ### 3. Collez le script Collez le script complet dans la balise `` de votre site. ### 4. Enregistrez et testez Cliquez sur enregistrer, puis visitez votre site pour vérifier que le pop-up fonctionne comme prévu. ## Conseils pour des pop-ups qui convertissent - **[Commencez par le jeu, pas par le formulaire](https://scratcher.io/fr/blog/gamified-popup-vs-email-popup).** Un format ludique donne aux gens une raison de s’engager avant que vous ne demandiez des informations. - **[Gardez le formulaire court](https://scratcher.io/fr/blog/signup-form-fields).** L’e-mail et le consentement suffisent souvent pour une première inscription. - **[Soignez le timing](https://scratcher.io/fr/blog/popup-timing-triggers).** Les déclencheurs d’intention de sortie et au défilement paraissent généralement moins intrusifs qu’un pop-up instantané. - **Adaptez l’offre à la page.** Un lot spécifique au produit sur une page produit paraît plus pertinent qu’une réduction générique. ## Prêt à créer votre premier pop-up ? Chacun des plus de 40 formats de Scratcher peut fonctionner en pop-up : vous pouvez donc choisir le [pop-up de jeu](https://scratcher.io/fr/platform/formats/game-pop-ups) qui convient à votre audience. Parcourez nos [modèles](https://scratcher.io/fr/templates) pour vous inspirer, ou [commencez votre essai gratuit de 14 jours](https://scratcher.io/fr/get-started) et mettez en ligne votre premier pop-up dès aujourd’hui. Henrik Lund Cofondateur, Scratcher Henrik Lund a cofondé Scratcher à Copenhague en 2017 et aide depuis les marques à créer des campagnes interactives. Créez votre première campagne dès aujourd’hui Créez votre propre campagne en quelques minutes. Gratuit pendant 14 jours, sans carte bancaire. [Commencer l’essai gratuit](https://platform.scratcher.io/fr/register) ## À lire aussi [Tendances de la gamification marketing 2027 : 8 prédictions pour les marques](https://scratcher.io/fr/blog/gamification-marketing-trends-2027) - Stratégie - 4 novembre 2026 [Tendances de la gamification marketing 2027 : 8 prédictions pour les marques](https://scratcher.io/fr/blog/gamification-marketing-trends-2027)Où va le marketing gamifié en 2027 : jeux courts sur mobile, calendriers permanents, campagnes créées par l’IA et nouvelles règle… [Tendances de la fidélisation client 2027 : accès, équité et raisons de revenir](https://scratcher.io/fr/blog/customer-loyalty-trends-2027) - Stratégie - 3 novembre 2026 [Tendances de la fidélisation client 2027 : accès, équité et raisons de revenir](https://scratcher.io/fr/blog/customer-loyalty-trends-2027)Les membres adhèrent à plus de programmes que jamais, mais se sentent moins privilégiés dans chacun. Les tendances de la fidélisa… [Données first-party et vie privée : les tendances 2027 pour les marketeurs](https://scratcher.io/fr/blog/first-party-data-trends-2027) - Stratégie - 3 novembre 2026 [Données first-party et vie privée : les tendances 2027 pour les marketeurs](https://scratcher.io/fr/blog/first-party-data-trends-2027)Chrome garde ses cookies, mais le consentement et la confiance sont plus durs à gagner. Les tendances données et vie privée qui f… ![Campagne roue de la fortune Starbucks sur un smartphone](https://scratcher.io/assets/campaigns/starbucks-spin-the-wheel.webp) ## Créez votre première campagne dès aujourd’hui Rejoignez les marques qui ont collecté plus de 35 millions d’inscriptions avec Scratcher. Essai gratuit de 14 jours – sans carte bancaire. [Commencer l’essai gratuit](https://platform.scratcher.io/fr/register) [Réserver un rendez-vous](https://scratcher.io/fr/book-a-meeting)