Comment rediriger l’accès vers la page d’atterrissage en utilisant la barre d’affichage dans Divi

L’option conditions intégrées de Divi nous permet de visualiser le contenu en fonction des conditions d’accès à la page. Cela vous permet de visualiser n’importe quel projet Divi que si l’utilisateur a accédé à une page spécifique de votre site. En d’autres termes, le contenu reste caché jusqu’à ce que l’utilisateur accède à la page. Cette fonctionnalité est idéale pour repositionner les visiteurs après avoir accédé à la page d’atterrissage en utilisant la barre d’affichage. Parce que les visiteurs ont montré de l’intérêt (ils sont retournés à la page d’accueil), nous pouvons l’utiliser en affichant des annonces (rabais, offres limitées dans le temps, promotions, etc.) Guidez – les dans la bonne direction.
Dans ce tutoriel, nous vous montrerons comment utiliser les options de condition intégrées de Divi pour rediriger l’accès vers la page d’atterrissage via la barre d’affichage de Divi. Il suffit de quelques clics. Allons – y! Voici une brève introduction à la conception que nous allons créer dans ce tutoriel. Cette barre d’affichage apparaîtra après que l’utilisateur aura visité la page. Téléchargement gratuit de la mise en page pour en savoir plus sur la mise en page de ce tutoriel, vous devez d’abord télécharger en utilisant les boutons ci – dessous. Pour accéder au téléchargement, vous devez vous abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci – dessous. En tant que nouvel utilisateur, vous recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! Si vous êtes déjà sur la liste, il vous suffit de saisir votre adresse e – mail ci – dessous et cliquez sur télécharger. Vous ne serez pas « ré – abonné » et ne recevrez pas d’e – mail supplémentaire.
Télécharger le fichier Inscrivez – vous à Divi Newsletter et nous vous enverrons par courriel une copie du dernier paquet de mise en page de la page d’atterrissage Divi, ainsi qu’un grand nombre d’autres ressources, conseils et astuces Divi, qui sont incroyablement gratuits. Suivez – nous et vous serez bientôt maître Divi. Si vous êtes déjà inscrit, entrez votre adresse e – mail
Sélectionnez les critères d’accès à la page dans la liste. Dans la fenêtre contextuelle paramètres des critères d’accès à la page, sélectionnez les options qui ne s’affichent que lorsque l’utilisateur a accédé à une page spécifique. Sélectionnez une page spécifique dans la liste des pages du site (dans ce cas, la page d’atterrissage). C’est tout! Une fois terminé, la barre d’affichage (ou une partie de celle – ci) n’est pas affichée à l’utilisateur tant qu’il n’a pas déjà accédé à la page d’atterrissage. Maintenant que vous avez compris les concepts clés, passons au tutoriel, n’est – ce pas? Que devez – vous commencer? Pour commencer, vous devez faire ce qui suit: si ce n’est pas déjà fait, installez et activez le thème Divi. Créez une nouvelle page dans WordPress et utilisez Divi Builder pour éditer la page à l’avant (Visual Builder). Sélectionnez l’option construire à partir de zéro. Ensuite, vous aurez une toile vierge à concevoir dans Divi.
Comment utiliser les annonces dans Divi pour rediriger l’accès à la page d’atterrissage partie 1: chargement de la mise en page de la page d’atterrissage du magasin électronique avant que nous puissions rediriger la page d’atterrissage, nous devons en créer une. Pour accélérer le processus, nous utiliserons la mise en page de la page d’atterrissage du magasin électronique dans le paquet de mise en page du magasin électronique Divi, disponible dans Divi Builder. Pour charger une mise en page sur une page, cliquez sur le bouton Ajouter à partir de la Bibliothèque (icône plus) dans le menu paramètres. Dans l’onglet mise en page par défaut, sélectionnez la mise en page de la page d’atterrissage du magasin d’électronique et cliquez sur le bouton utiliser cette mise en page. Bien sûr, vous pouvez utiliser la page d’atterrissage existante sur le site, ou vous pouvez en créer une vous – même. Mais pour le moment, ça marchera. Partie 2: créer des sections avec des conditions d’accès à la page pour construire des panneaux d’affichage
Nous utiliserons la section Divi. Continuez en ajoutant une nouvelle section générale sous le Haut existant de la disposition. Une fois ajouté, faites glisser la section en haut de la mise en page et ajoutez les trois quarts de la quatrième ligne à la section. Ouvrez les paramètres de la zone et ajoutez les couleurs de fond suivantes à la zone:
Couleur de fond: # 5e10da Sur l’onglet design, Rafraîchissez l’espacement et ajoutez l’effet d’animation à la section comme suit: Remplissez: 0px en haut, 0px en bas style d’animation: direction de l’animation de diapositives: opacité initiale de l’animation vers le bas: 100% cela réduira la hauteur du panneau d’affichage et lui donnera un effet d’animation attrayant lorsque la page est chargée. Dans l’onglet avancé, ajoutez une nouvelle condition d’affichage à la section en cliquant sur l’icône plus dans les conditions d’affichage. Dans le menu déroulant conditions, sélectionnez les conditions d’accès à la page dans la liste. Dans la fenêtre contextuelle paramètres des critères d’accès à la page, sélectionnez les options qui ne s’affichent que lorsque l’utilisateur a accédé à une page spécifique. Sélectionnez une page spécifique dans la liste des pages du site (dans ce cas, la page d’atterrissage). Enregistrer les paramètres. Vous aurez maintenant de nouvelles conditions d’accès à la page pour cette section. Remarque: Si vous utilisez un plug – in cache, vous devez exclure cette page du cache pour permettre aux conditions d’affichage de fonctionner correctement. Partie 3: créer le contenu de la barre d’affichage À ce stade, nous avons préparé les sections et les lignes de la barre d’affichage. Et nos sections ont des conditions d’affichage de page actives. Par conséquent, tout ce que nous ajoutons dans la section héritera de cette condition
Affiché. C’est l’animation de la barre d’affichage lorsque la page est chargée. Enfin, considérez que les critères d’affichage de la page mis en évidence dans ce tutoriel ne sont qu’une des nombreuses options de critères disponibles dans Divi. N’hésitez pas à combiner les conditions d’affichage de la page avec d’autres conditions significatives sur le panneau d’affichage. Par exemple, vous pouvez également inclure des conditions d’achat de produits afin que seuls les visiteurs qui ne l’ont pas encore fait bénéficient d’un rabais lors de leur premier achat. De plus, vous pouvez voir d’autres choses en dehors de la barre d’affichage. Amusez – vous bien. J’ai hâte d’entendre vos commentaires. Bonjour!