Guía / Artículo

Cómo añadir cookies a su sitio web de Webflow

Flowbase
3 de marzo de 2021
Cómo añadir cookies a su sitio web de Webflow

Hoy nos gustaría compartir con ustedes una guía super sencilla para añadir cookies a sus sitios web de flujo web. Esto les permitirá ocultar muy fácilmente los modales, pop-ups, etc. y que NO se vuelvan a mostrar. (para una cantidad seleccionada de días)

El uso de cookies para sus pop-ups y avisos puede ser una forma superpoderosa de mostrar la información una vez, sin el constante bombardeo a sus visitantes.

Añadir el guión de las galletas

En primer lugar, copie el siguiente guión en el sección de sus configuraciones de código personalizado.

Nota: La sección de códigos personalizados se encuentra en la configuración de la página o en la configuración del proyecto. Si su cookie se aplica a todo el sitio, asegúrese de incluirla en la configuración del proyecto.

Agregar variables de galletas

Copie estos atributos en la <body> sección posterior de sus ajustes de código personalizado. </body>

&amp;lt;script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;// default time is 182 days&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;flowBaseCookie('#cookieBlock', '#accept', '#clr', 30);&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/script&amp;gt;&amp;lt;br=&amp;quot;&amp;quot;&amp;gt;

Debería parecerse a this🎉


Añade el #ID (cookieBlock)

Navegue hasta la capa primaria de su elemento cookie. Esta podría ser la envoltura primaria de su ventana emergente / aviso / modal, etc. Necesitamos dar el ID 'cookieBlock' a este elemento.

Añade el #ID (aceptar)

Navegue hasta el botón de aceptación/cierre de su elemento cookie. Una vez que un usuario hace clic en este botón / enlace, etc, cerrará la cookie y la almacenará. Necesitamos dar el ID 'accept' a este elemento.

Las variables de las galletas

  • #cookieBlock = El #ID aplicado a su elemento principal de la galleta
  • #accept = El #ID aplicado a su botón de aceptar / cerrarla cookie
  • #clr = El #ID aplicado a un botón para limpiar la galleta. (OPCIONAL)
  • '30' = Dirección alterada en el guión, y representa 30 días.

Flowbase
3 de marzo de 2021

Recibe los recursos de la web directamente en tu buzón.

Inscríbete para recibir información semanal e inspiración en tu bandeja de entrada.

OTRAS GUÍAS Y LECCIONES

Impulsa más tu sitio web de flujo de datos.