Volver a los artículos
Cómo añadir cookies a su sitio web de Webflow
Tutoriales

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

Aprende a añadir una cookie a tu sitio web de flujo web y a mostrar los elementos sólo una vez durante una cantidad seleccionada de días.

Flowbase
3 de mayo de 2020

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.
<script src="https://flowbase.s3-ap-southeast-2.amazonaws.com/cookie/cookie.js"></script>

Agregar variables de galletas

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

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


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.
SOBRE EL AUTOR
Flowbase

Flowbase es la empresa líder en recursos de Webflow. Proporcionamos a los clientes una colección de recursos premium y gratuitos que les ayudan a crear mejores productos con Webflow.

¿Disfrutó de esta lectura?

Manténgase al día con las últimas noticias, estrategias e ideas sobre el negocio del vídeo enviadas directamente a su bandeja de entrada.

¡Gracias! Su presentación ha sido recibida!
¡Uy! Algo salió mal al enviar el formulario.

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.