Cree una ventana emergente que evite que los visitantes vean el Contenu de la página a menos que hagan clic en un botón específico dentro de la ventana emergente.
Vous apprendrez à créer une fenêtre contextuelle qui:
- Posez une question Oui ou Non au visiteur et autorisez le visiteur à cliquer sur le bouton Oui ou Non
- Muestre el contenido de la página si el visitante hace clic en el botón Sí, y redirija al visitante a otra URL si hace clic en el botón No o en cualquier otro lugar que no être el botón Sí.
Concevoir la fenêtre contextuelle et son contenu
- Aller Modèles> Pop-ups> Ajouter nouveau et donnez un nom à votre nouvelle fenêtre contextuelle. (Une autre méthode consiste à appuyer sur CMD + E ou CTRL + E ouvrir Découvreur, recherchez Popup, choisissez Ajouter une nouvelle fenêtre contextuelleet donnez-lui un nom.)
- Choisissez un modèle de popup prédéfini ou fermez la superposition de la bibliothèque et concevez votre popup à partir de zéro. Pour cet exemple, nous concevrons le nôtre.
Fenêtre contextuelle> Onglet Conception
- Largeur: Défini sur 600 px
- Hauteur: Sélectionnez Personnalisé
- Hauteur personnalisée: Défini sur 800 px
- Position verticale: Centre
- Bouton Fermer: Définir pour masquer
- Animation d'entrée: Choisissez Fade In
Le contenu
- Ajoutez un en-tête qui pose une question par oui ou par non et modifiez-le si nécessaire.
- Ajoutez deux boutons, un pour Oui et un pour Non, et modifiez le style de chacun selon vos besoins.
- Clique sur le icône d'engrenage / engrenage
situé en bas à gauche du panneau pour revenir à la fenêtre contextuelle Paramètres
Fenêtre contextuelle> onglet Style
- Type de fonds: Transparent
- Photo: Ajoutez une image d'arrière-plan et ajustez ses paramètres si nécessaire
Popup> onglet Avancé
- Farci: Défini sur 80 pixels pour la droite et la gauche, en laissant
partie supérieure
- Évitez le chevauchement des fermetures: Réglé sur Oui
- Empêcher la fermeture avec la touche ESC: Réglé sur Oui
Modifier la section
Section> Style> Bordure
- Type de bordure: Solide
- Largeur de la bordure: 15px
- Couleur: Choisissez une couleur pour votre bordure
- Rayon du bord: 40 uniquement pour la partie inférieure
Section> Avancé
Farci: 30px uniquement pour la partie inférieure.
Modifier la colonne
Colonne> Style
- Type de fonds: Dégradé
- Couleur: Choisissez la première couleur de dégradé
- Deuxième couleur: Choisissez la deuxième couleur du dégradé
- Type: Radial
Frontière
- Rayon du bord: 20px uniquement pour la partie inférieure
- Ombre de la boîte: Définir selon les besoins
Colonne> Avancé
- Marge: Réglez -30 (moins 30) pour le haut et la gauche
- Farci: Définissez 100 pixels pour le haut et le bas
Modifier le contenu
Titre> Style
Qualification: Définit la couleur sur le blanc.
Bouton> Style
Couleur du texte: Définit la couleur sur blanc pour chaque bouton.
Modifier le bouton Oui
Contenu:
- Relier: Cliquez sur l'icône Dynamique
et choisissez Actions> Fenêtre contextuelle
- Cliquez sur Surgir de nouveau
- Choisir Fermer la fenêtre contextuelle et glisser Ne pas réapparaître Donc
Modifier le bouton Non
Le contenu:
Relier: Saisissez des liens annexes adaptés à votre âge
Définir les options de publication
Cliquer publier bouton. Il n'y a pas de conditions avancées, de déclencheurs ou de règles pour cette fenêtre contextuelle, alors cliquez sur le bouton Sauver et fermer bouton.
Éditer la page qui contient le bouton Acheter (ou tout autre bouton que vous créez pour ouvrir la fenêtre contextuelle).
Modifier le bouton Acheter
- Si vous n'avez pas encore créé de bouton pour lancer la fenêtre contextuelle, vous pouvez le faire maintenant. Modifiez votre texte et votre typographie au besoin
- Relier: Cliquez sur l'icône Dynamique
- Cliquez à nouveau sur Popup et sous Action, choisissez Ouvrir la fenêtre contextuelle.
- Dans le champ Popup, entrez des lettres pour rechercher / trouver le Popup que vous venez de créer.
- Clique sur le Mettre à jour bouton pour actualiser la page.
Tout prêt. Maintenant, allez sur la page avec le bouton Acheter, cliquez dessus et voyez la pop-up en action.
