Comment ajouter une fenêtre contextuelle à un blog gratuit de blogueurs (la manière simple)

Vous utilisez Blogger pour écrire votre blog et vous souhaitez ajouter une fenêtre contextuelle à votre site ?

Les popups sont un excellent moyen de tenir votre public informé de l’actualité du site, de rediriger les utilisateurs vers les messages les plus populaires, etc.

Mais l’une des meilleures façons d’utiliser une popup est d’augmenter le nombre d’abonnés à la newsletter de votre blog. C’est pourquoi, dans l’article d’aujourd’hui, nous allons vous apprendre comment ajouter une popup à un blog Blogger gratuit en quelques minutes.

Mais avant d’entrer dans le tutoriel, parlons des raisons pour lesquelles vous voudriez utiliser une fenêtre contextuelle au départ.

Pourquoi votre blog de blogueurs a besoin d’une fenêtre contextuelle

Lorsque la plupart des blogueurs commencent, ils écrivent généralement pour un petit public comme leurs amis et leur famille. Et l’une des plateformes de blogs les plus pratiques est Blogger :

Page d'accueil du blog des blogueurs

Blogger est un endroit où les blogueurs, nouveaux ou expérimentés, peuvent créer un blog totalement gratuit.

Mais au fil du temps, à mesure que votre blog se développe, votre public s’élargit.

Et à un certain moment, vous avez besoin de meilleurs moyens pour communiquer efficacement avec vos nouveaux lecteurs et visiteurs.

Un popup peut être la solution parfaite à ce problème.

Voici quelques-uns des avantages de l’ajout d’une popup à votre blog Blogger gratuit :

  • Bienvenue aux nouveaux visiteurs : Les popups sont un excellent moyen d’accueillir les nouveaux visiteurs et de leur parler un peu de vous. Vous pouvez même ajouter des boutons dans différentes catégories ou sections de vos blogs pour augmenter l’expérience utilisateur (UX).
  • Augmenter le trafic sur le site : Tous les popups ne doivent pas nécessairement vendre ou saisir une adresse électronique. Vous pouvez également utiliser les popups pour rediriger les utilisateurs vers les messages les plus populaires de votre site afin d’augmenter le trafic sur l’ensemble du site. Cela aura également un effet positif sur vos efforts de référencement.
  • Promouvoir les nouveaux produits : Au fur et à mesure que votre blog se développe, vous pouvez décider de créer et de vendre des produits directement à partir de votre contenu. Les popups peuvent vous aider à promouvoir de nombreux produits numériques tels que des cours en ligne, des livres électroniques, etc.
  • Augmentez le nombre de vos abonnés : Les popups sont le meilleur moyen d’inciter votre public à s’inscrire à vos bulletins d’information mensuels et d’élargir votre liste de diffusion.

Ce dernier point est particulièrement important. L’un des avantages d’une liste de diffusion solide est qu’elle vous permet de communiquer avec votre public plutôt que d’attendre qu’il visite votre site.

Quelle que soit la motivation qui vous pousse à utiliser une fenêtre contextuelle sur votre site web, il reste une question : comment ajouter une fenêtre contextuelle à votre blog Blogger, surtout si vous ne vous considérez pas comme très « techniquement compétent ».

C’est là qu’OptinMonster peut apporter son aide :

Page d'accueil d'OptinMonster

OptinMonster est le premier logiciel de génération de prospects au monde. Cela signifie que nous sommes les meilleurs pour amener les visiteurs de votre site à prendre les mesures que vous voulez qu’ils prennent.

Lorsqu’ils visitent votre blog de blogueur, OptinMonster peut vous aider à augmenter le trafic sur votre site, à partager vos nouveaux produits et à développer votre liste de courrier électronique.

Pour ce faire, nous vous aidons à créer des campagnes d’optin très ciblées, telles que des popups. Ces popups peuvent être totalement personnalisés pour s’assurer que vous faites passer le bon message aux bonnes personnes au bon moment.

Pour plus d’informations sur la façon dont OptinMonster peut vous aider à développer votre blog, consultez cet article : Comment fonctionne OptinMonster ? (8 avantages + 12 études de cas).

Ou allez vous inscrire pour votre compte OptinMonster sans risque dès aujourd’hui !

Plongeons maintenant dans notre tutoriel sur l’ajout d’une popup à votre blog Blogger gratuit.

Ajouter une popup à votre blog de blogueurs

Étape 1 : Choisissez votre campagne popup &amp ; Modèle

Une fois que vous êtes dans votre tableau de bord OptinMonster, allez dans le coin supérieur droit et cliquez Créer une nouvelle campagne:

Créer une nouvelle campagne OptinMonster

Vous devez maintenant choisir votre type de campagne. Pour le tutoriel d’aujourd’hui, nous utiliserons un Popup:

Choisissez les types de campagne popup

Vous pouvez ensuite choisir parmi notre sélection de modèles pour la conception de base de votre campagne :

Modèles OptinMonster

OptinMonster dispose de plus de 50 modèles prédéfinis, qui peuvent tous être entièrement personnalisés en fonction du style, de la voix et du message de votre marque.

Mais certains clients veulent repartir de zéro, ce qui ne pose aucun problème. Vous pouvez choisir notre Toile modèle pour cela :

Modèle de toile dans OptinMonster

Quel que soit le modèle que vous choisissez, y compris ToileTout peut être modifié par simple glisser-déposer. Nous voulions nous assurer que les modèles de nos campagnes soient accessibles à tous, à tous les niveaux.

Cela signifie que vous n’avez pas besoin de compétences en codage ou d’expérience en conception de sites web pour créer de belles campagnes en quelques minutes.

Pour le tutoriel d’aujourd’hui, nous utiliserons le De base modèle :

Créer un modèle de base de campagne en ligne

C’est un excellent modèle de démarrage pour la collecte de courriels. Son design est minimal, il ne distraira pas les visiteurs de votre site et vous laisse beaucoup de place pour écrire des textes convaincants.

Il ne vous reste plus qu’à nommer votre campagne (pour rester organisé), à sélectionner le site web sur lequel vous voulez charger votre campagne (que vous avez configuré lors de l’inscription), et à cliquer sur Début de la construction:

Nommez et connectez votre site web

Vous serez alors dans votre éditeur OptinMonster et prêt à concevoir votre campagne.

Étape 2 : Concevez votre popup de blog de blogueurs

Comme nous l’avons dit précédemment, nous voulions nous assurer qu’il était facile pour tous nos utilisateurs de concevoir la campagne parfaite pour leur site.

Nous avons fait en sorte que tout soit entièrement personnalisable par un simple glisser-déposer. Nous n’entrerons pas trop dans les détails sur la façon de concevoir chaque aspect de votre popup Blogger. Franchement, il y a trop d’options à couvrir dans un seul article.

Mais si vous avez besoin d’aide ou si c’est la première fois que vous concevez une campagne avec OptinMonster, consultez cette ressource : Comment créer et concevoir votre première campagne OptinMonster.

Cette ressource aura tout ce dont vous avez besoin pour démarrer.

Pour aujourd’hui, il faut simplement savoir que toutes nos campagnes sont faites avec des éléments que nous appelons « blocs ». Vous avez des blocs de texte, des blocs d’images, des blocs vidéo, des blocs d’espacement, etc.

Pour modifier votre campagne, il vous suffit de cliquer sur le bloc que vous souhaitez modifier. Les outils d’édition apparaîtront alors sur le côté gauche.

Ainsi, si vous souhaitez modifier votre bloc de texte, par exemple, vous devez cliquer sur le texte que vous souhaitez modifier :

Modifier le texte du modèle de base

C’est ainsi que vous pouvez modifier n’importe quel aspect de votre popup Blogger. Et si vous voulez ajouter un nouveau bloc, ce n’est pas un problème.

Il suffit de cliquer + Ajouter des blocs au sommet de votre rédacteur en chef :

Démo popup du blogueur

Vous verrez alors apparaître sur la gauche une liste de blocs que vous pouvez ajouter à votre campagne. Vous pouvez les ajouter :

  • Boutons
  • ChatBots
  • Compte à rebours
  • Diviseurs
  • Vidéos
  • Et bien plus encore

Options de blocage des éléments

Ensuite, vous glisserez et déposerez l’élément de bloc que vous souhaitez mettre en place :

Glisser et déposer un bloc de texte dans le modèle de base

Encore une fois, nous avons fait en sorte que chacun puisse concevoir la campagne parfaite pour son site, quelle que soit son expérience technique.

Une fois que vous avez conçu la campagne parfaite pour votre site Blogger, vous pouvez soit intégrer OptinMonster à votre fournisseur de services de messagerie électronique, soit passer directement à l’ajout de votre popup à Blogger.

Étape 3 : Configurez vos règles d’affichage

Ensuite, vous devez déterminer où, quand et à qui apparaît votre fenêtre contextuelle Blogger. Pour ce faire, cliquez sur Règles d’affichage en haut de votre menu OptinMonster :

Règles d'affichage Editeur OM

Par défaut, votre popup Blogger apparaîtra avec 2 règles :

  • La durée de la page est de 5 secondes
  • Apparaissent sur chaque page

Cela signifie que votre popup apparaîtra sur chaque page de votre blog tant qu’un utilisateur y restera plus de 5 secondes.

Cependant, la fenêtre contextuelle n’apparaîtra pas plus d’une fois en 30 jours si l’utilisateur la ferme sans avoir choisi de la fermer.

Vous pouvez modifier tous ces paramètres dans votre Règles d’affichage menu. Nous n’entrerons pas trop dans les détails dans ce tutoriel sur la façon de modifier vos règles d’affichage. Tout comme pour la conception de votre popup, il existe trop d’options pour couvrir tout ce que vous pouvez faire.

Les règles que vous déciderez d’utiliser pour votre popup Blogger dépendront de vos objectifs, de votre niche et de vos besoins.

L’important est de savoir que vous pouvez utiliser votre tableau de bord des règles d’affichage pour personnaliser l’endroit et le moment où votre popup apparaîtra :

Règles d'affichage dans OptinMonster

Pour plus d’informations sur la manière de modifier vos règles d’affichage, consultez cette ressource utile : Comment utiliser les règles d’affichage pour personnaliser le moment où une campagne apparaîtra.

Une fois que vous avez configuré les règles qui fonctionneront le mieux pour votre blog Blogger, vous pouvez intégrer OptinMonster à votre fournisseur de services de messagerie électronique.

Étape 4 : Intégration avec votre fournisseur de services de messagerie électronique

Si vous utilisez un popup pour capturer des courriels, vous travaillez probablement avec un fournisseur de services de messagerie électronique (ESP).

Un fournisseur de services de messagerie électronique aide les propriétaires de sites web et les blogueurs à gérer leurs listes de diffusion. Vous pouvez y stocker vos contacts, créer des campagnes de courrier électronique automatisées et vous assurer que vous obtenez les taux d’ouverture et de clics les plus élevés possibles.

Si vous n’avez pas encore de PSE, voici les 3 que nous recommandons le plus fortement :

  • Constant Contact : une excellente solution pour les petites entreprises qui apprécient le soutien par téléphone/courriel
  • Sendinblue : le choix idéal pour les entreprises à budget limité qui cherchent une option gratuite pour démarrer
  • Le goutte-à-goutte : l’option la plus avancée pour le commerce électronique

Ces options sont particulièrement utiles si vous espérez monétiser votre blog à un moment donné.

Mais vous pouvez intégrer OptinMonster avec n’importe quel fournisseur de services de messagerie électronique avec lequel vous travaillez. En fait, nous avons plus de 30 intégrations natives qui facilitent la connexion avec votre ESP.

Pour ce faire, cliquez sur Intégrations au sommet de votre rédacteur en chef :

Intégrations pour l'éditeur OptinMonster

Dans le menu de gauche, cliquez sur Ajouter une nouvelle intégration:

Ajouter un nouveau blog de blogueurs sur l'intégration

Sélectionnez ensuite votre ESP dans la liste déroulante :

Liste des fournisseurs de services de courrier électronique en OM

Et suivez les instructions uniques pour vous connecter à votre ESP. Cela implique généralement de copier et de coller une clé API à partir de votre tableau de bord ESP.

Si vous ne voyez pas votre ESP sur la liste, ne vous inquiétez pas. Consultez ce post sur la façon de connecter OptinMonster à un fournisseur de services de messagerie électronique.

Vous êtes maintenant prêt à ajouter votre popup à votre blog Blogger.

Étape 5 : Ajoutez OptinMonster à votre blog de blogueurs

Une fois que vous avez conçu votre popup et que vous l’avez connecté à votre fournisseur de services de messagerie, vous êtes prêt à l’ajouter à votre blog Blogger.

Cliquez sur Publier en haut de votre menu éditeur :

Cliquez sur Publier le compte OM

Veillez à passer votre campagne à En direct en utilisant le bouton à bascule à côté de Statut:

Publier le popup du blogueur

Faites ensuite défiler la page vers le bas et trouvez le code d’intégration de votre campagne :

Code de l'embarquement des blogueurs

Copiez et collez ce code. Passez maintenant au tableau de bord de votre compte Blogger. Cliquez sur Thèmes dans le menu de gauche et cliquez sur les trois points situés à côté de votre thème actif :

Modifier le thème des blogueurs

Sélectionnez l’option Modifier le HTML:

Modifier le Blogger HTML

Faites défiler le code HTML de vos thèmes jusqu’au bout et collez votre code d’intégration OptinMonster directement avant la balise de fermeture </body> :

Code OptinMonster Embed pour les blogs de blogueurs

Cliquez maintenant sur Sauvegarder dans le coin supérieur droit de votre écran :

Cliquez sur

Et c’est tout ! Votre popup apparaîtra désormais sur votre site Web Blogger.

Nous espérons que vous avez trouvé cet article utile. Si vous utilisez votre popup pour développer votre liste de diffusion, cela signifie que vous êtes probablement intéressé par l’amélioration de votre stratégie de marketing par e-mail. Voici quelques articles que vous pourriez trouver utiles :

Ces articles auront tout ce dont vous avez besoin pour développer et monétiser votre liste de contacts.

Prêt à commencer ? Ouvrez dès aujourd’hui votre compte OptinMonster sans risque !

Nathan Thompson

Publié par Nathan Thompson

Nathan Thompson est un père, un écrivain et un amoureux des voyages (dans cet ordre). Lorsqu’il ne se bat pas avec ses enfants, vous trouverez probablement Nathan en train de donner à ses yeux une pause bien nécessaire des écrans avec un bon livre ou de planifier un voyage en famille avec son épouse géniale.