Sitemap Basculer le menu

Créez des popups à conversion élevée : Popup Maker et Beaver Builder

Publié: 2024-03-15

25 % de réduction sur tous les produits Beaver Builder... Dépêchez-vous, la vente se termine bientôt ! Apprendre encore plus

Popup Maker Integration with Beaver Builder
  • Constructeur de castor

Créez des popups à conversion élevée : Popup Maker et Beaver Builder

Les popups sont un outil puissant pour attirer l'attention des visiteurs de votre site Web et générer des conversions. Mais créer des popups visuellement attrayants et efficaces peut prendre beaucoup de temps. C'est là qu'intervient le puissant duo Beaver Builder et Popup Maker !

Avec Beaver Builder 2.8, nous avons introduit une intégration avec Popup Maker, un plugin WordPress qui permet aux utilisateurs de créer et de gérer sans effort des popups sur leurs sites Web. Cette intégration vous permet d'utiliser notre générateur de pages pour concevoir le contenu de vos popups. Il affiche également une fenêtre contextuelle dans Beaver Builder lors de l'édition, et offre la possibilité de sélectionner une fenêtre contextuelle dans le champ du lien pour déclencher une fenêtre contextuelle lorsque vous cliquez sur un lien.

Dans cet article de blog, nous approfondirons l'intégration de Beaver Builder et Popup Maker, explorant comment ce duo dynamique vous aide à créer des popups convaincants et à fort taux de conversion avec facilité et flexibilité.

  • Créateur de popups et constructeur de castors
  • Comment ajouter une fenêtre contextuelle dans Beaver Builder ?
    1. Étape 1 : Installez et activez les plugins Beaver Builder et Popup Maker
    2. Étape 2 : Créez une nouvelle fenêtre contextuelle dans Popup Maker
    3. Étape 3 : Concevez votre contenu contextuel à l'aide de Beaver Builder
    4. Étape 4 : Affichez votre popup
  • Libérez le potentiel des popups

Créateur de popups et constructeur de castors

Vous avez du mal à concevoir des popups captivants qui trouvent un écho auprès de votre public ? Ne cherchez pas plus loin que Popup Maker et Beaver Builder !

Cette puissante intégration ouvre un monde de possibilités créatives. Faites glisser et déposez votre chemin vers des popups visuellement époustouflantes à l'aide de l'interface intuitive de Beaver Builder, le tout dans le flux familier de la création de votre site Web :

Les fonctionnalités avancées de Popup Maker telles que les déclencheurs et le ciblage vous permettent d'afficher le bon message au bon public et au bon moment. Cette intégration dynamique vous permet de tirer parti des atouts de ces deux plugins populaires :

  • Conception sans effort : abandonnez les limitations des modèles contextuels prédéfinis. Avec Beaver Builder, vous bénéficiez de la liberté d'édition visuelle dont vous rêvez. Faites glisser, déposez et personnalisez vos popups à l'aide de l'interface intuitive de Beaver Builder.
  • Flux de travail transparent : concevez vos popups directement dans vos mises en page Beaver Builder. Pas besoin de basculer entre différentes interfaces. Cela rationalise votre flux de travail et vous permet de voir vos fenêtres contextuelles dans le contexte de la conception globale de votre page.
  • Flexibilité inégalée : les modules de Beaver Builder vous permettent de créer des popups attrayants et interactifs. Intégrez des vidéos, ajoutez des formulaires, présentez des images et concevez des boutons d'appel à l'action, le tout dans l'éditeur familier de Beaver Builder.

Ensuite, nous vous expliquerons comment créer une fenêtre contextuelle dans Popup Maker. Ensuite, nous vous montrerons comment lier de manière transparente un module Beaver Builder à votre popup, vous permettant de concevoir visuellement son contenu avec la fonctionnalité habituelle de glisser-déposer.

Comment ajouter une fenêtre contextuelle dans Beaver Builder ?

L'ajout d'une fenêtre contextuelle dans Beaver Builder est un processus simple qui vous permet d'engager efficacement les visiteurs de votre site Web. Voici un guide étape par étape pour vous aider tout au long du processus :

Étape 1 : Installez et activez les plugins Beaver Builder et Popup Maker

Commencez par vous assurer que les plugins Beaver Builder et Popup Maker sont installés et activés sur votre site Web WordPress.

Une fois que vous avez installé et activé le plugin Popup Maker, le type de publication Popup Maker (popups) sera automatiquement activé dans les paramètres de Beaver Builder.

Vous pouvez localiser ce paramètre dans votre tableau de bord d'administration WordPress sous Paramètres > Beaver Builder > Types de publication :

Étape 2 : Créez une nouvelle fenêtre contextuelle dans Popup Maker

Pour créer une nouvelle fenêtre contextuelle, rendez-vous sur votre tableau de bord WordPress et accédez à Popup Maker > Create Popup . Donnez à votre popup un nom descriptif pour une identification facile :

Popup Maker : créer une nouvelle fenêtre contextuelle

Faites défiler vers le bas pour définir l'apparence de la fenêtre contextuelle à l'aide du panneau de paramètres. Définissez des déclencheurs pour déterminer quand la fenêtre contextuelle apparaît et configurez les règles d'affichage pour cibler des pages, des rôles d'utilisateur ou des appareils spécifiques :

Ici, vous pouvez choisir parmi les types de déclencheurs suivants :

  • Cliquez sur Ouvrir : affiche une popup lors d'un clic
  • Time Delay / Auto Open : affiche une fenêtre contextuelle après un certain temps
  • Soumission du formulaire : affiche une fenêtre contextuelle après la soumission d'un formulaire
  • Intention de sortie (premium) : affiche une fenêtre contextuelle lorsque quelqu'un déplace son curseur hors du corps d'une page
  • Défilement (premium) : affiche une fenêtre contextuelle lorsque quelqu'un fait défiler un pourcentage de la page ou lorsqu'un élément apparaît

Pour plus d'informations sur la façon d'ajouter un déclencheur, consultez cet article de Popup Maker : Ajouter un déclencheur contextuel.

Étape 3 : Concevez votre contenu contextuel à l'aide de Beaver Builder

C'est ici que la magie opère ! Libérez votre créativité en utilisant l'interface intuitive de Beaver Builder :

créer une popup avec le constructeur de castors et le créateur de popups

Cliquez sur l'onglet Beaver Builder pour lancer l'éditeur. Ici, vous pourrez concevoir la mise en page de votre popup. Faites glisser et déposez divers modules Beaver Builder pour structurer le contenu de votre popup. Ajoutez du texte, des images, des formulaires et stylisez votre popup pour qu'il corresponde à l'image de marque de votre site Web :

  • Modules de texte : créez des titres convaincants, des descriptions informatives et des appels à l'action clairs.
  • Modules d'images : présentez des images de produits pertinentes, des membres de l'équipe ou ajoutez un intérêt visuel.
  • Modules vidéo : intégrez des vidéos captivantes pour attirer l'attention et expliquer efficacement votre message.
  • Modules de formulaire : capturez des prospects précieux en incluant des formulaires d'inscription ou des formulaires de contact.
  • Modules Box : ajoutez des mises en page Flexbox et CSS Grid aux mises en page Beaver Builder Page Builder.
  • Modules d'appel à l'action (CTA) : concevez des boutons proéminents qui encouragent les visiteurs à effectuer l'action souhaitée, qu'il s'agisse de s'abonner à votre newsletter, de télécharger un ebook ou d'effectuer un achat.

De plus, vous pouvez utiliser la fonctionnalité Styles globaux de Beaver Builder pour maintenir la cohérence de la conception dans vos fenêtres contextuelles et votre site Web.

Cliquez sur TERMINÉ et PUBLIER une fois la conception de votre popup terminée.

Étape 4 : Affichez votre popup

La dernière étape consiste à afficher votre popup sur la page. Sélectionnez simplement un module dans votre mise en page Beaver Builder qui prend en charge les liens, comme un module Bouton ou Légende.

Ensuite, dans le panneau des paramètres du module, accédez à l'option « Lien ». Cliquez sur « Sélectionner », localisez la fenêtre contextuelle que vous avez créée dans Popup Maker et choisissez-la dans la liste :

Paramètres de lien du module de bouton Beaver Builder

Enregistrez vos paramètres, et voilà ! Votre popup est maintenant liée et prête à engager votre public.

Libérez le potentiel des popups

En combinant la puissance de conception de Beaver Builder avec les fonctionnalités de Popup Maker, vous pouvez créer des popups à fort taux de conversion qui s'intègrent parfaitement dans la conception de votre site Web. Voici quelques exemples :

Fenêtres contextuelles de bienvenue

Les fenêtres contextuelles de bienvenue sont un moyen fantastique d'accueillir les nouveaux visiteurs de votre site Web et de les inciter à rejoindre votre liste de diffusion. Offrez un code de réduction intéressant, une offre exclusive ou un cadeau en échange de leur adresse e-mail. En offrant une valeur immédiate, vous pouvez encourager les visiteurs à interagir davantage avec votre marque et à rester connectés pour les futures mises à jour et promotions.

Fenêtres contextuelles d'intention de sortie

Ne laissez pas filer des prospects potentiels ! Les fenêtres contextuelles d'intention de sortie sont conçues pour capter l'attention des visiteurs qui sont sur le point de quitter votre site Web. Ces fenêtres contextuelles se déclenchent lorsque le curseur de la souris d'un utilisateur se déplace vers le bouton de sortie du navigateur, signalant son intention de quitter. Profitez de ce moment opportun pour présenter une offre de dernière minute, présenter un contenu précieux qu'ils ont peut-être manqué ou leur offrir une incitation spéciale pour les encourager à rester ou à revenir à l'avenir. En exploitant efficacement les fenêtres contextuelles d'intention de sortie, vous pouvez transformer les visiteurs abandonnés en clients et abonnés engagés, augmentant ainsi vos taux de conversion et de rétention.

Fenêtres contextuelles déclenchées par le défilement

Engagez les visiteurs lorsqu'ils explorent votre site Web avec des fenêtres contextuelles déclenchées par défilement. Ces fenêtres contextuelles apparaissent lorsqu'un utilisateur fait défiler jusqu'à un point spécifique d'une page, capturant son attention à un moment où il est activement engagé avec votre contenu. Utilisez des fenêtres contextuelles déclenchées par défilement pour promouvoir des offres spéciales, encourager les inscriptions à la newsletter ou diriger les visiteurs vers des pages de produits pertinentes en fonction de leur comportement de navigation.

Ce ne sont là que quelques exemples des types de popups que vous pouvez créer à l'aide de Popup Maker et Beaver Builder. Grâce à leurs capacités de conception flexibles et à leurs fonctionnalités puissantes, vous pouvez personnaliser vos fenêtres contextuelles en fonction de vos buts et objectifs spécifiques, qu'il s'agisse d'élargir votre liste de diffusion, de promouvoir des offres spéciales ou de recueillir les commentaires de votre public.

Prêt à faire passer vos popups au niveau supérieur ? Intégrez Beaver Builder et Popup Maker pour débloquer un monde de possibilités créatives et voir vos conversions monter en flèche.

Notre newsletter

Notre newsletter est rédigée personnellement et envoyée environ une fois par mois. Ce n’est pas du tout ennuyeux ou spammé.
Nous le promettons.

Rejoignez la newsletter

Essayez Beaver Builder aujourd'hui

Beaver Builder