Comment créer un popup WordPress sans plugin — Claspo

Créer une popup dans WordPress sans utiliser de plugin peut être une excellente solution pour ceux qui préfèrent alléger leur installation WordPress. Tout ce dont vous avez besoin est d'intégrer un extrait de code, et vous êtes prêt à lancer un formulaire de capture de leads, annoncer une vente, ou collecter des avis.

Dans ce guide, nous allons vous montrer comment ajouter une popup sur WordPress sans plugin en utilisant Claspo et d'autres méthodes.

Lorsque vous voulez éviter les plugins et conserver votre installation WordPress légère, il existe plusieurs façons de créer des popups manuellement ou via des plateformes tierces. Explorons vos options.

Une des manières les plus simples de créer une popup WordPress sans plugin (modale ou formulaire) est simplement d'intégrer un petit code JavaScript fourni par des services externes comme Claspo. Avec cette approche, vous évitez d'installer des plugins supplémentaires qui pourraient ralentir votre site ou être en conflit avec votre thème. Au lieu de cela, vous copiez simplement un court extrait de code et l'ajoutez à votre site WordPress — et votre widget est prêt.

Ce qui rend cette option si facile pour les débutants est la quantité de choses que vous pouvez faire sans toucher une seule ligne de code :

Vous avez accès à une bibliothèque de modèles complète avec des mises en page conçues de manière professionnelle. Il vous suffit de choisir celui qui convient au style de votre site.
L'éditeur par glisser-déposer vous permet de personnaliser facilement les textes, les couleurs, les images, et même d'ajouter des champs personnalisés à votre formulaire — aucune compétence en design n'est nécessaire.
Vous pouvez configurer des déclencheurs : afficher votre popup après un délai, au défilement, faire une popup WordPress au clic, ou à l'intention de sortie.
Les options de ciblage intégrées vous permettent de personnaliser qui voit la popup — par exemple, nouveaux venus vs visiteurs récurrents, visiteurs de certains pays (géociblage), ou acheteurs avec des articles dans le panier.
Vous pouvez même effectuer des tests A/B pour voir quelle version de votre popup fonctionne le mieux.
Évolutif : facile à gérer plusieurs widgets sur différents sites Web, idéal pour les agences ou les marketeurs gérant plusieurs projets.

Si vous vous demandiez comment ajouter une popup dans WordPress sans plugin, ou s'il est même possible de créer une popup flexible dans WordPress sans plugin, cette méthode couvre à peu près tout — et vous n'avez besoin d'aucune connaissance technique.

Autre avantage ? Vous n'aurez pas à vous soucier des mises à jour ou de la maintenance. Le service externe veille à ce que tout fonctionne sans accroc en arrière-plan, de sorte que votre formulaire popup continue à faire son travail pendant que vous vous concentrez sur votre contenu.

Quand cela a-t-il du sens de choisir cette option :

Vous souhaitez une fonctionnalité complète de popup sans complexité technique.
Vous vous souciez des performances et souhaitez éviter la surcharge de plugins.
Vous voulez lancer des popups avancées (roues de jeux, quiz, abandon de panier, etc.) qui nécessiteraient sinon plusieurs plugins.

Bien sûr, comme toute méthode, cette approche n'est pas parfaite pour absolument tout le monde. Puisque vous utilisez un service externe, vous comptez sur le bon fonctionnement de leur plateforme. De plus, bien que la plupart des fonctionnalités de base soient très généreuses, certaines options avancées peuvent nécessiter un abonnement payant si vos besoins augmentent. Cependant, avec Claspo, vous ne rencontrerez pas ce problème, car notre plan gratuit à vie donne accès à absolument toutes les fonctionnalités sans restrictions.

Si vous êtes à l'aise avec un peu de code, une autre façon d'aborder la création d'une popup dans WordPress sans plugin est de la construire manuellement. Cela vous donne un contrôle total sur l'apparence de votre formulaire popup, sur le moment où il apparaît et sur son fonctionnement — mais vous aurez besoin de connaissances de base en HTML, CSS et JavaScript.

Dans cette méthode, vous écrivez votre propre code popup directement sur votre site WordPress. Vous pouvez placer le code dans l'éditeur de fichiers de votre thème (par exemple, dans le fichier functions.php ou dans le footer.php) ou utiliser un thème enfant si vous ne voulez pas risquer de casser quelque chose d'important.

En son cœur, vous créerez un modal WordPress sans plugin — une petite boîte qui apparaît au-dessus du contenu de votre page. Lorsque tout fonctionne correctement, vous verrez que le petit modal apparaît exactement quand vous le voulez. Avec JavaScript, vous pouvez contrôler le moment où le pop-up apparaît dans WordPress : après un délai, lors du défilement, au clic ou même simuler un comportement d'intention de sortie.

Si vous souhaitez créer un pop-up véritablement personnalisable, le codage vous offre cette flexibilité. Vous décidez du type de popup, de son design, de ses déclencheurs et de ce qui se passe lorsque les utilisateurs soumettent votre formulaire. Vous pouvez également styliser votre pop-up dans WordPress en utilisant du CSS personnalisé pour correspondre parfaitement au design de votre site.

Par exemple, vous pourriez écrire votre propre formulaire HTML à l'intérieur du popup pour collecter des e-mails, afficher une réduction ou promouvoir des offres à durée limitée. Lorsqu'ils sont utilisés judicieusement, les popups peuvent créer un sentiment d'urgence ou d'exclusivité, vous aidant à augmenter vos taux de conversion même sans plugins supplémentaires.

Mais gardez à l'esprit : bien que vous n'ayez pas besoin de créer un compte avec un service externe, vous êtes entièrement responsable de la maintenance du code, de la résolution de tout problème et de vous assurer que tout reste compatible après les mises à jour de WordPress.

Avantages de l'utilisation de code personnalisé :

Contrôle total sur le comportement et le design des popups
100% hébergé sur votre propre site sans services externes.
Pas besoin de copier le code d'intégration ou d'intégrer des outils tiers.

Inconvénients de l'utilisation de code personnalisé :

Nécessite des compétences en codage et une maintenance régulière.
Plus complexe si vous souhaitez des fonctionnalités avancées comme le ciblage, les tests A/B ou l'analyse.
Des erreurs dans votre code WordPress peuvent potentiellement casser votre site.

Laissez-nous tout d'abord vous présenter notre créateur de popup gratuit. Claspo est un créateur de popups gratuit pour WordPress avec un accès à vie à toutes les fonctionnalités avancées. À première vue, vous pourriez penser que c'est comme Canva, mais pour créer des popups. Le créateur suit un principe similaire : des modèles prêts à l'emploi, des composants et un éditeur de glisser-déposer pour les personnaliser afin qu'ils correspondent au design et à l'atmosphère de votre site.

Toutefois, Claspo va au-delà du simple design — c'est un outil puissant de génération de leads avec des fonctionnalités avancées comme la technologie d'intention de sortie, la récupération d'abandon de panier et la gamification. Avec ses outils de conception intuitifs, vous pouvez facilement créer des popups très engageants, axés sur la conversion, adaptés spécifiquement à votre public cible.

Claspo offre également des options de ciblage avancées pour segmenter les audiences en fonction du comportement, de la localisation ou des habitudes d'achat, ce qui aide à offrir des interactions personnalisées.

Voyons maintenant comment ça fonctionne.

Étape 1 : Inscrivez-vous et commencez à créer

Tout d'abord, inscrivez-vous pour obtenir votre compte gratuit avec accès à vie à toutes nos fonctionnalités (aucun frais caché 😉).

Une fois connecté, cliquez sur le bouton Nouveau Widget et ajoutons un abonnement email à WordPress.

Creating_a_widget_in_Claspo

Vous pouvez commencer de zéro ou utiliser l'un des modèles disponibles. Nous recommandons d'utiliser un modèle pour gagner du temps.

From_scratch_vs_templates

Étape 2 : Sélectionner un modèle

Sur le côté gauche de l'écran d'édition de popup, filtrez les modèles en sélectionnant Augmenter la liste d'emails dans la section Cas d'utilisation et choisissez la Disposition Popup. Appliquez des filtres supplémentaires si nécessaire pour trouver le modèle qui répond le mieux à vos besoins.

claspo-template-library-filters

Il est maintenant temps de personnaliser votre popup. Ajoutez de nouveaux champs en faisant glisser et déposer des composants depuis la barre latérale gauche. Notre constructeur de popups alignera les éléments pour que tout reste ordonné.

Adding_a_component

Modifiez le texte en double-cliquant sur n'importe quelle zone de texte et ajustez les polices, les espacements et d'autres paramètres via la barre latérale droite. Vous pouvez même personnaliser le bouton de fermeture du popup pour qu'il s'adapte à votre design.

Changing_text

Personnalisez les états de succès, d'erreur et "déjà abonné" pour fournir des retours utiles selon l'interaction de l'utilisateur.

Additional_messages

Vous pouvez également configurer l'action à effectuer lorsque les utilisateurs cliquent sur le bouton, comme soumettre le formulaire ou rediriger vers une autre page.

Editing_button

Pour voir à quoi ressemble votre popup sur ordinateur et mobile, cliquez sur le bouton Prévisualisation dans le coin supérieur droit. Si vous avez besoin de faire des modifications, revenez simplement en arrière et ajustez le design jusqu'à ce que vous soyez satisfait.

Switching_to_preview

Étape 5 : Définir les déclencheurs et les paramètres de lancement

Les règles d'affichage par défaut dans Claspo sont conçues pour assurer une expérience utilisateur fluide. Par exemple, le popup peut apparaître après 20 secondes sur une page et une fois par session.

Vous pouvez modifier le comportement du popup pour ajuster le déclencheur, par exemple en affichant le popup sur des pages spécifiques ou à certains publics.

De plus, avec les fonctionnalités de protection contre le chevauchement et de prévention des nuisances de Claspo, vous pouvez maintenir une expérience utilisateur optimale en garantissant que les popups ne deviennent pas intrusifs.

Triggering_rules

Étape 6 : Configurez vos intégrations

Pour tirer le meilleur parti de vos formulaires popup, intégrez Claspo avec des applications comme Mailchimp, HubSpot ou d'autres plateformes marketing pour une automatisation marketing fluide. Claspo peut facilement faire partie de votre pile marketing, vous permettant de mener des campagnes de génération de leads harmonieuses.

Claspo_integrations

Vous pouvez également connecter Claspo à Google Analytics pour suivre les performances de vos popups.

Étape 7 : Installez le script

Maintenant, la partie que vous attendiez : l'installation du script.

Installing_script

Tout ce que vous avez à faire est de copier et d'intégrer le code depuis votre compte Claspo juste avant la balise </body> de fermeture.

No_plugin_WordPress_popup

Il y a aussi une autre façon d'ajouter un popup WordPress sans plugin. Si vous avez le code de Google Tag Manager (GTM) installé sur votre site WordPress, vous pouvez ajouter le script Claspo à une balise dans GTM. Après cela, vous pouvez exécuter le logiciel de widget de page Web de Claspo sur votre site.

Une fois installé, vérifiez le bon fonctionnement du script, et vous êtes prêt ! L'équipe d'assistance de Claspo peut vous aider si vous rencontrez des problèmes.

10 exemples de popups à forte conversion pour votre site WordPress

Pour créer des popups qui convertissent bien, vous devez comprendre comment les gens se comportent sur votre site et leur donner une raison d'agir au bon moment.

Voici dix exemples populaires de popups WordPress pour commencer.

Imaginez un utilisateur naviguant sur votre boutique en ligne et sur le point de partir sans faire d'achat. C'est là qu'un popup d'intention de sortie du site intervient. Ce type de popup détecte lorsque la souris de l'utilisateur se dirige vers le bouton de fermeture ou la barre d'adresse et déclenche une offre—comme « Attendez ! Obtenez 15% de réduction sur votre premier achat.»

Exit-intent_popup
Essayez ce modèle

Pourquoi cela fonctionne-t-il ? Cela capte l'attention à un moment crucial et offre un incitatif pour repenser leur décision de partir. Utiliser un incitatif, en particulier dans le commerce électronique, a été prouvé pour réduire de manière significative l'abandon de panier.

Un popup déclenché par le défilement apparaît lorsqu'une personne est suffisamment engagée pour faire défiler 50-70% d'une page, comme un article de blog. Par exemple, « Vous aimez cet article ? Obtenez notre guide complet en PDF. Inscrivez-vous pour télécharger. » Cette approche fonctionne car elle apparaît à un moment d'intérêt maximal. Si les lecteurs trouvent votre contenu utile, ils verront probablement de la valeur à en obtenir davantage.

Scroll-Triggered_Content_Upgrade_Popup
Essayez ce modèle

Ces popups sont programmés pour apparaître après que l'utilisateur a passé un certain temps sur votre site, généralement environ 20-30 secondes. Imaginez cela : « Obtenez la livraison gratuite sur votre première commande ! Entrez votre email pour recevoir l'offre. »

Timed_popup
Essayez ce modèle

Étant donné que le visiteur passe déjà du temps sur votre page, il est probablement intéressé par vos produits, et offrir quelque chose comme la livraison gratuite peut l'aider à se décider à faire un achat. Les popups temporisés aident souvent à réengager les visiteurs du site avant qu'ils ne perdent leur intérêt.

Les popups déclenchés par clic sont activés lorsque les utilisateurs cliquent sur un élément spécifique, ce qui les fait paraître comme une suite naturelle de l'action de l'utilisateur. Le popup peut être déclenché en cliquant sur un bouton, un lien ou une icône d'image.

Vous devrez trouver le sélecteur CSS de l'élément que vous souhaitez être le déclencheur et l'ajouter aux paramètres d'affichage du popup.

HTML_click_trigger

Mais il y a une autre façon d'ouvrir un popup modal sur clic de bouton dans WordPress sans plugin. Vous pouvez également utiliser un lanceur, alias un teaser. Les lanceurs sont des boutons personnalisés sur lesquels les utilisateurs peuvent cliquer pour déclencher un popup. Ils sont généralement placés dans l'un des coins inférieurs de la page.

Avez-vous besoin de code pour utiliser les lanceurs ? Pas si vous utilisez Claspo. Vous pouvez activer un lanceur lors de la sélection de votre modèle ou créer un lanceur séparé et le lier à un autre popup.

Adding_a_launcher

Nos données montrent que les éléments ludifiés peuvent augmenter les taux de conversion jusqu'à 300%. Un popup de roue de jeu ajoute une touche amusante à l'approche standard de capture d'email.

Il pourrait ressembler à ceci : « Tournez pour gagner ! Entrez votre email pour avoir une chance de gagner des réductions ou des cadeaux ! » Les gens aiment les jeux, et la possibilité de gagner rend le popup moins similaire à un stratagème marketing et plus à une opportunité. Cette approche ludique augmente les taux d'interaction des utilisateurs.

Gamified_Wheel_popup
Essayez ce modèle

Ces popups sont conçus pour les utilisateurs qui ajoutent des articles à leur panier mais montrent des signes de quitter la page. Un message comme, « Ne partez pas encore ! Terminez votre achat maintenant et bénéficiez de 10% de réduction », peut être efficace ici. L'abandon de panier est un énorme défi dans le e-commerce. Baymard Institute rapporte que 69,99% des paniers en ligne sont abandonnés, mais des stratégies de récupération de panier, telles que l'offre d'une remise, peuvent récupérer 10-15% des ventes perdues.

Cart_Abandonment_popup
Essayez ce modèle

Les pop-ups de bienvenue apparaissent lorsque un visiteur arrive pour la première fois sur votre site, offrant immédiatement quelque chose de précieux, comme « Rejoignez notre liste VIP pour des offres exclusives et obtenez 20% de réduction sur votre première commande ! » Cela aide à capturer les emails des visiteurs pour la première fois qui ne sont peut-être pas encore prêts à acheter mais sont suffisamment intéressés pour s'abonner.

Welcome_popup
Essayez ce modèle

Avec ce type de popup, vous pouvez instaurer la confiance et réduire la perception du risque, en particulier pour les nouveaux acheteurs. Afficher des achats ou des inscriptions en temps réel sur votre site envoie un message que l'entreprise est active et fiable.

Imaginez parcourir une boutique en ligne, et un petit pop-up apparaît qui dit : « Quelqu'un vient d'acheter cet article il y a 5 minutes ! » Vous pourriez penser, « Oh, les gens achètent activement cela. Ça doit être bien ! » Ce petit coup de pouce pourrait suffire à vous inciter à l'acheter vous-même.

Social_Proof_popup
Essayez ce modèle

Les popups de compte à rebours créent un sentiment d'urgence en donnant aux visiteurs une limite de temps, ce qui les incite à agir immédiatement. Par exemple : "Complétez votre commande dans les 20 prochaines minutes en utilisant le code promo ci-dessous et obtenez 5 % de réduction sur tous les articles de votre panier !" Cette stratégie utilise efficacement le principe psychologique de la rareté, où un temps limité crée un sentiment d'urgence.

Untitled_design
Essayez ce modèle

Nos données montrent que les offres à durée limitée peuvent augmenter les ventes jusqu'à 332 %. Cela est principalement dû à la peur de manquer quelque chose (FOMO), qui pousse les utilisateurs à prendre des décisions rapides pour éviter de manquer une offre.

Vous pouvez utiliser deux types de minuteries de compte à rebours : les minuteries fixes et les minuteries relatives. Les minuteries de compte à rebours fixes sont synchronisées avec une date limite spécifique pour tous les utilisateurs, comme "L'offre se termine ce soir à minuit."

En revanche, les minuteries relatives sont dynamiques et personnalisées, commençant un compte à rebours pour chaque visiteur individuel dès qu'ils arrivent sur votre page. Cela garantit que chaque personne ressent toujours l'urgence, quel que soit le moment où elle visite votre site. Les minuteries relatives fonctionnent particulièrement bien pour les campagnes permanentes où vous voulez créer un sentiment d'urgence pour chaque nouveau visiteur sans avoir à ajuster manuellement la date limite. Et devinez quoi ? Claspo possède cette fonctionnalité !

Un popup de sondage ou de quiz ajoute un élément interactif à un formulaire popup. BuzzSumo a découvert que le contenu interactif suscite 2 fois plus d'engagement que le contenu statique, menant à de meilleurs taux d'inscription. Les gens aiment les quiz et la promesse de résultats personnalisés. De plus, une réduction les incite davantage à fournir leur adresse e-mail.

Product_Recommendation_Quiz
Utilisez ce modèle

Consultez nos articles présentant certains des meilleurs plugins de popup WordPress conçus pour améliorer l'engagement de votre site et augmenter les taux de conversion, ainsi que les meilleurs plugins de popup de vérification d'âge pour WordPress pour assurer la conformité et protéger efficacement votre contenu.

Mots de Conclusion pour Commencer

Créer des popups dans WordPress sans plugins peut changer la donne pour votre site. Bien que de nombreux plugins de popup WordPress offrent d'excellentes fonctionnalités, ils nécessitent toujours une installation et des mises à jour régulières dans votre tableau de bord WordPress. Avec cette méthode sans plugin, vous obtenez des fonctionnalités avancées similaires, mais vous gérez tout en externe, gardant votre site léger et facile à entretenir. Vous pouvez prendre le contrôle total et créer des popups performants sans dépendre de plugins qui pourraient ralentir votre site ou causer des conflits.

Avec Claspo, vous bénéficiez de la flexibilité pour créer facilement des popups dans WordPress sans installations complexes. Le constructeur par glisser-déposer, la bibliothèque de modèles riche et les options de ciblage intelligent facilitent la conception de popups qui correspondent à votre marque — que vous souhaitiez collecter des e-mails, stimuler les ventes ou accroître l'engagement. Et comme vous utilisez un code popup simple, vous évitez bon nombre des maux de tête.

La beauté de cette approche est que vous gardez toujours le contrôle tout en maintenant votre site rapide et stable. Vous n'avez pas à vous soucier de la compatibilité à chaque mise à jour de WordPress ou d'ajouter un autre nom à votre liste croissante de plugins WordPress. Au lieu de cela, vous êtes libre de vous concentrer sur vos visiteurs — et de créer des popups dans WordPress qui fonctionnent réellement.

Nous vous avons déjà montré comment créer différents types de pop-ups, mais si vous souhaitez apprendre à concevoir des modèles, déclencheurs et personnalisations encore plus avancés, vous pouvez explorer d'autres guides — comme notre analyse approfondie sur la création d'un popup modal WordPress.

Si vous êtes prêt à découvrir à quel point il est facile de créer des pop-ups WordPress sans plugins, essayez notre plan gratuit à vie. En quelques étapes seulement, vous aurez votre premier popup sans plugins actif — vous aidant à capturer des leads, engager les visiteurs, et développer votre entreprise.

Créer un popup sur WordPress sans plugins