Guía / Artículo

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

Flowbase
30 de octubre de 2020
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;/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(&amp;amp;#x27;#cookieBlock&amp;amp;#x27;, &amp;amp;#x27;#accept&amp;amp;#x27;, &amp;amp;#x27;#clr&amp;amp;#x27;, 30);&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 de galleta. Esta podría ser la envoltura primaria para su pop-up / aviso / modal etc. Necesitamos darle el ID 'cookieBlock' a este elemento.

Añade el #ID (aceptar)

Navegue hasta el botón de aceptar / cerrar de su elemento de cookie. Una vez que el usuario hace clic en este botón / enlace etc, cerrará la cookie y la almacenará. Tenemos que darle el ID 'aceptar' 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
30 de octubre de 2020

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.