Comment changer la couleur de la croix de fermeture d’une pop up systeme io ?

Comment changer la couleur de la croix de fermeture d’un pop up sur systeme io ?

Tu as peut-être ajouté une ou plusieurs pops up sur une de tes pages de systeme.io. Mais tu voudrais maintenant personnaliser la couleur de la croix qui sert à fermer la pop up.

Dans cet article, tu découvriras comment changer la couleur de la croix qui ferme une pop up systeme io.

C’est quoi une pop up systeme.io ?

Bonjour !

Si tu te demandes ce qu’est une pop up systeme.io, tu es au bon endroit. Dans cet article, je vais tout t’expliquer sur cet outil marketing.

Alors, qu’est-ce qu’une pop up systeme.io ?

C’est tout simplement une fenêtre contextuelle qui s’ouvre automatiquement sur un site internet lorsque tu y accèdes. Cette fenêtre peut contenir différents types de contenus, comme des offres promotionnelles, des formulaires d’inscription à une newsletter ou encore des invitations à télécharger un ebook.

Mais pourquoi utiliser une pop up systeme.io ?

Tout d’abord, cet outil permet d’attirer l’attention de l’internaute et de lui proposer du contenu intéressant. Cela peut être très efficace pour inciter les visiteurs à s’inscrire à une newsletter ou à acheter un produit.

De plus, les pop ups systeme.io sont faciles à mettre en place et à personnaliser, ce qui en fait un outil très pratique pour les marketeurs.

Il est important de noter que les pop ups systeme.io peuvent être très intrusives si elles sont mal utilisées. Il est donc important de ne pas en abuser et de veiller à ce qu’elles ne gênent pas l’expérience de navigation de l’internaute.

En conclusion, les pop ups systeme.io sont des outils marketing très utiles pour attirer l’attention des visiteurs et leur proposer du contenu intéressant. Cependant, il est important de les utiliser avec modération pour ne pas gêner l’expérience de navigation des internautes.

Comment ajouter une pop up sur une page systeme.io ?

Si tu as déjà créé un site avec Systeme.io, tu sais que cet outil de création de sites web est vraiment pratique.

Mais savais-tu que tu pouvais ajouter une pop up sur ton site en quelques minutes seulement ?

C’est une technique très efficace pour capturer l’attention de tes visiteurs et inciter à l’action. Si tu veux en savoir plus sur comment ajouter une pop up sur ton site Systeme.io, tu es au bon endroit !

Pour commencer, il faut que tu aies déjà créé ton site avec Systeme.io et que tu aies accès à ton compte. Si c’est le cas, suis mon article qui t’explique comment insérer une pop dans une page systeme.io.

Voilà, tu sais maintenant comment ajouter une pop up sur ton site Systeme.io. N’hésite pas à tester différentes versions de ta pop up et à suivre les résultats pour trouver celle qui fonctionne le mieux pour toi.

À quoi sert la croix en haut à droite de ta pop up systeme.io ?

Tu te demandes à quoi sert la croix en haut à droite de ta pop up systeme.io ? On a tous été un peu perdus au début, mais c’est en fait très simple.

La croix en haut à droite de ta pop up systeme.io sert à fermer la fenêtre.
Oui, c’est aussi simple que ça !
Tu peux cliquer dessus à tout moment pour fermer la pop up et continuer à naviguer sur ton site web sans être dérangé.

Mais ce n’est pas tout !

N’oublie pas que tu peux configurer ta pop up pour qu’elle s’affiche uniquement une fois par jour, avec un délai, quand le visiteur veut quitter ton site ou pour qu’elle ne s’affiche pas du tout.

Et tu peux aussi choisir de ne pas afficher cette petite croix, le souci, c’est que tes visiteurs ne pourront pas fermer la pop up du coup…

Tu peux même personnaliser la couleur de la croix pour qu’elle s’accorde avec le design de ton site web, c’est ce que l’on va voir ci-dessous.

Alors, la prochaine fois que tu te demandes à quoi sert cette petite croix, tu sauras qu’elle peut te permettre de faire plein de chose !

Comment changer la couleur de la croix de fermeture d’une pop up systeme.io ?

Si tu es là, c’est que tu cherches à changer la couleur de la croix de fermeture de ta pop up systeme.io, c’est ça ?

Pas de souci, c’est très simple à faire !

Voici les étapes à suivre selon ce que tu veux modifier.

Changer la couleur de la croix de fermeture d’une pop up systeme.io

Voici les étapes à suivre :

1. Va dans les paramètres sur ta page ou il y a ta pop up
2. Va tout en bas et clique sur « Modifier le code d’en-tête »
3. Modifie le code à ta convenance, colle le puis enregistre et clique sur la prévisualisation pour voir si c’est ok

<style>
.PopupClose__CloseButtonUi-rswc2-0.oVYRo::before {
background-color: red;

}

.PopupClose__CloseButtonUi-rswc2-0.oVYRo::after {
background-color: red;

}
</style>

Et voilà, tu as changé la couleur de la croix de fermeture de ta pop up systeme.io ! N’hésite pas à expérimenter avec différentes couleurs pour trouver celle qui convient le mieux à ton site.

Il est important de noter que le choix de la couleur de la croix de fermeture de ta pop up peut avoir un impact sur l’expérience utilisateur de tes visiteurs.

Par exemple, une couleur vive peut attirer l’attention et inciter les utilisateurs à fermer la pop up, tandis qu’une couleur plus discrète peut passer inaperçue et encourager les utilisateurs à rester sur la pop up plus longtemps.

Réfléchis donc bien à l’effet que tu souhaites obtenir avant de choisir la couleur de la croix de fermeture de ta pop up.

J’espère que cette petite astuce t’a été utile !
Si tu as d’autres questions ou si tu souhaites en savoir plus sur les fonctionnalités de systeme.io, n’hésite pas à me poser tes questions en commentaire.

Je me ferai un plaisir de t’aider !

Comment changer la couleur de fond de la croix de fermeture d’une pop up systeme.io ?

Voici les étapes à suivre :

1. Va dans les paramètres sur ta page ou il y a ta pop up
2. Va tout en bas et clique sur « Modifier le code d’en-tête »
3. Modifie le code à ta convenance, colle le puis enregistre et clique sur la prévisualisation pour voir si c’est ok

<style>
.PopupClose__CloseButtonUi-rswc2-0.oVYRo {
background-color: red;

}

.PopupClose__CloseButtonUi-rswc2-0.oVYRo {
background-color: red;

}
</style>

À voir absolument :

Dis-moi ce que tu penses de ma solution pour modifier la couleur de la croix en commentaire.
Tu peux te servir des commentaires comme d’un tchat et me poser tes questions. 😃

Est-ce que tu as lu mon guide de démarrage gratuit sur systeme io ?