Créez une barre inférieure de consentement aux cookies.

Vous apprendrez à:

  • Modifier un modèle de popup préconçu
  • Fermer une fenêtre contextuelle sur un clic
  • Définir plusieurs conditions pour contrôler où une fenêtre contextuelle est affichée

Concevoir la fenêtre contextuelle et son contenu

  1. Accédez à Modèles> Popups> Ajouter nouveau et donnez un nom à votre nouveau Popup. (Une autre méthode consiste à appuyer sur CMD + E ou CTRL + E pour ouvrir le Finder , rechercher Popup, choisir Ajouter une nouvelle fenêtre contextuelle et lui donner un nom.)
  2. Choisissez un modèle de Popup préconçu ou fermez la superposition de la bibliothèque et concevez votre Popup à partir de zéro. Pour cet exemple, choisissez l’une des barres inférieures du consentement aux cookies.

Bouton> Contenu

Texte : saisissez «Accepter et fermer».

Lien> Popup
  1. Ne plus montrer : Oui
  2. Taille : moyenne

Bouton> Style

  1. Couleur : choisissez une couleur
  2. Rembourrage : retirez tout le rembourrage

Cliquez avec le bouton droit sur la poignée du widget Bouton et sélectionnez Dupliquer . Stylisez maintenant ce bouton.

Bouton> Contenu

  1. Texte : saisissez « Refuser »
  2. Lien : entrez un lien vers une page des conditions d’utilisation qui explique pourquoi les cookies sont nécessaires.
  3. Taille : moyenne

Bouton> Style

  1. Couleur d’arrière-plan : clair
  2. Type de bordure : solide
  3. Largeur de la bordure : 1 pour le bas uniquement
  4. Rayon de la bordure : 0 pour tous les coins
  5. Rembourrage : 5 pour le bas uniquement

Modifier le texte

Titre> Contenu

Alignement : gauche.

Modifier le bouton Accepter et fermer

Bouton> Contenu

Alignement : justifié.

Faites glisser la colonne de texte pour qu’elle occupe une partie plus large de la barre et faites glisser la colonne du bouton Accepter afin qu’elle occupe moins d’espace. Ajustez comme vous le souhaitez.

Cliquez sur l’ icône engrenage / engrenage   située en bas à gauche du panneau pour revenir aux paramètres contextuels.

Paramètres de la fenêtre contextuelle> Paramètres

Superposition : Masquer.

Paramètres de la fenêtre contextuelle> Style

Couleur : ajustez la couleur selon vos besoins.

Paramètres de la fenêtre contextuelle> Avancé

  1. Empêcher la fermeture sur superposition : Oui
  2. Empêcher la fermeture sur ESC : Oui

Publier la fenêtre contextuelle

Cliquez sur le bouton Publier pour définir les conditions , les déclencheurs et les règles avancées .

Conditions

Cliquez sur Ajouter une condition

  1. Inclure : tout le site
  2. Exclure : Singlular> Toutes les pages> Page Conditions d’utilisation

Déclencheurs

Au chargement de la page : Oui à 0 seconde.

Cliquez sur le bouton Enregistrer et fermer

Terminé. Accédez à votre site et voyez-le en action.

Remarque: Cette méthode n’est pas conforme au RGPD, car elle ne stocke pas l’acceptation ni ne bloque les scripts de cookies avant le consentement. Si vous devez être conforme au RGPD, veuillez plutôt utiliser un plugin de consentement aux cookies conforme au RGPD .

Source : https://docs.elementor.com/article/514-how-to-create-a-cookie-consent-popup