Guide / Article

Comment ajouter des cookies à votre site Web Webflow

Flowbase
3 mars 2021
Comment ajouter des cookies à votre site Web Webflow

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><br="">

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.

Flowbase
3 mars 2021

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.