Retour aux articles
Comment ajouter des cookies à votre site Web Webflow
Tutoriels

Comment ajouter des cookies à votre site Web Webflow

Apprenez à ajouter un cookie à votre site web et à n'afficher les éléments qu'une seule fois pendant un certain nombre de jours.

Flowbase
3 mai 2020

Aujourd'hui, nous aimerions partager avec vous un guide très simple pour l'ajout de cookies à vos sites web. Cela vous permettra de cacher très facilement les modaux, les pop-ups, etc. et de ne plus les afficher. (pour un nombre de jours choisi)

L'utilisation de cookies pour vos pop-ups et avis peut être un moyen super puissant d'afficher des informations une seule fois, sans bombardement constant de vos visiteurs.

Ajouter un script de cookie

Tout d'abord, copiez le texte suivant dans le section de vos paramètres de code personnalisé.

Veuillez noter : la section des codes personnalisés se trouve dans les paramètres de votre page ou de votre projet. Si votre cookie s'applique à l'ensemble du site, assurez-vous de l'inclure dans les paramètres du projet.
<script src="https://flowbase.s3-ap-southeast-2.amazonaws.com/cookie/cookie.js"></script>

Ajouter des variables de type "Cookie

Copiez ces attributs dans la <body> section </body>suivante de <body> vos paramètres de code personnalisé </body>.

<script><br="">// default time is 182 days<br="">flowBaseCookie('#cookieBlock', '#accept', '#clr', 30);<br=""></script><em=""><br=""></em>


Il devrait ressembler à this🎉


Ajouter le #ID (cookieBlock)

Naviguez vers la couche primaire de votre élément cookie. Il peut s'agir de l'enveloppe primaire de votre pop-up / avis / modal, etc. Nous devons donner l'ID "cookieBlock" à cet élément.

Ajouter le #ID (accepter)

Naviguez vers le bouton d'acceptation / de fermeture de votre élément de cookie. Lorsqu'un utilisateur clique sur ce bouton/lien, etc., il ferme le cookie et le stocke. Nous devons donner l'ID "accepter" à cet élément.

Les variables du cookie

  • #cookieBlock = Le #ID appliqué à l'élément principal de votre cookie
  • #accept = Le #ID appliqué à votre cookie bouton d'acceptation / de fermeture
  • #clr = Le #ID appliqué à un bouton pour effacer le cookie. (FACULTATIF)
  • 30" = changement de direction dans le scénario, ce qui représente 30 jours.
SUR L AUTEUR
Flowbase

Flowbase est l'entreprise leader en matière de ressources Webflow. Nous fournissons aux clients une collection de ressources premium et gratuites qui les aident à construire de meilleurs produits avec Webflow.

Vous avez apprécié cette lecture ?

Restez à jour avec les dernières nouvelles, stratégies et idées sur le business vidéo envoyées directement dans votre boîte de réception !

Merci ! Votre soumission a été reçue !
Oups ! Quelque chose s'est mal passé lors de la soumission du formulaire.

Recevez les ressources du webflow directement dans votre boîte aux lettres.

Inscrivez-vous pour recevoir chaque semaine dans votre boîte de réception des informations et de l'inspiration.

AUTRES GUIDES ET LEÇONS

Boostez votre site webflow davantage.