¿No quieres romper las reglas y no quieres la molestia? Aquí te explicamos cómo deshacerte de los recordatorios de cookies con las ventanas emergentes de Elementor.

escaparate Cookies Ventanas emergentes de consentimiento No solo ayuda a mejorar la experiencia del usuario, sino que también es una parte importante del cumplimiento de leyes de privacidad como el GDPR. El uso de Elementor Pro Popup Builder, que facilita la creación de ventanas emergentes bonitas y funcionales. Recordatorio de cookiesEste artículo te llevará paso a paso a través del proceso de creación de una típica ventana emergente de consentimiento de cookies, sin escribir una sola línea de código. En este artículo, te llevaremos paso a paso a crear una típica ventana emergente de consentimiento de cookies, e introduciremos los distintos estilos de ventana emergente proporcionados por Elementor.

¿Por qué crear una ventana emergente de consentimiento de cookies?

El objetivo principal de crear una ventana emergente de consentimiento de cookies esCumplir la cada vez más estricta normativa mundial sobre protección de datosEstas leyes incluyen el GDPR de la UE, la CCPA de California y otras. Estas leyes exigen que antes de que un sitio web pueda utilizar cookies para rastrear el comportamiento del usuario y recopilar datos, debeObtener el consentimiento expreso del usuarioMediante la instalación de una ventana emergente de cookies, los sitios web no sólo operan de forma legal y conforme a la normativa, sino que también aumentan la confianza de los usuarios. Mediante la instalación de ventanas emergentes de cookies claramente visibles, los sitios web no sólo operan de forma legal y conforme a la normativa, sino que también aumentan la confianza de los usuarios y ofrecen a los visitantes una comprensión clara de cómo se utilizan sus datos. Esto no es sólo una responsabilidad legal, sino también una forma de que los sitios web respeten y protejan la privacidad de sus usuarios.

procedimiento

Paso 1: Abre el constructor de ventanas emergentes y ponle un nombre

Uso de atajos Comando + E(o en Windows) Ctrl + E), abra el Barra del BuscadorA continuación, seleccione Crear nueva ventana emergente. En la pantalla emergente, dé un nombre a su ventana emergente, por ejemplo "Consentimiento de cookies".

Paso 2: Entender los tipos de plantillas emergentes

Elementor ofrece una gran variedad de estilos de ventanas emergentes predefinidos. Si haces clic en el menú desplegable "Categoría", verás los siguientes tipos de ventanas emergentes de uso común:

• Clásico: La ventana flotante más común en el centro, adecuada para formularios de suscripción y ventanas emergentes promocionales.
• Fly-In: Vuela desde los bordes de la pantalla para llamar la atención del usuario.
• Pantalla completaIdeal para destacar una CTA en particular o un evento de tiempo limitado.
• Hello Bar (barra superior): Se utiliza principalmente para notificaciones, información sobre descuentos, etc.
• Deslizante (lateral): Ocupa una parte de la pantalla y es adecuado para recomendaciones de productos o cuestionarios.
• Barra inferiorAdecuado para banderolas de galletas.

Paso 3: Editar la ventana emergente de consentimiento de cookies

• Seleccione el tipo de barra inferior plantilla

• Modificar el texto de los botonescomo cambiar el texto del botón a "Aceptar y cerrar".

• empezar a utilizar "Ya no se muestra al hacer clic" (No volver a mostrar), que permite al usuario hacer clic en Aceptar y no volver a mostrarlo.

• Aumentar el tamaño de los botonesestablece el tipo de letra en el estilo,color de fondo(puede utilizar paletas de colores o códigos hexadecimales).

• Copiar y poner el otro en "Disminución"Opciones:
  • Cambiar de color
  • Ajustar el tamaño de letra
  • Añadir estilo de subrayado para un contraste visual

Paso 4: Optimizar el estilo general de la ventana emergente

• texto a la izquierdaLos botones están bien o uniformemente distribuidos.

• Haga clic en la esquina inferior izquierda Configuración del icono de engranaje Ir a Configuración de ventanas emergentes
  • Cerrar la superposición
  • En "Avanzado", seleccione Al pulsar sobre el fondo y la tecla ESC no se cierra la ventana emergente.

Paso 5: Configurar las condiciones de visualización y los métodos de activación

• Condiciones: Establece en qué páginas se muestra la ventana emergente
  • Ejemplo: En todo el sitio, elExcluir la página "Acuerdo de usuario

• Disparadores::
  • ajustado a Mostrar inmediatamente después de cargar la página (Page Load)
  • Sólo tienes que abrir el control deslizante

Paso 6: Previsualizar el efecto y probar la interacción

Abra el frontend de su sitio web y verá inmediatamente la ventana emergente de cookies que ha creado. Haga clic en el icono "aceptación"o"rechazo", observe si la ventana emergente se oculta o permanece en pantalla como se esperaba, y confirme que la lógica es correcta.

resúmenes

Con el constructor de ventanas emergentes de Elementor Pro, crear ventanas emergentes de consentimiento de cookies que cumplan con GDPR y CCPA es increíblemente fácil. Tanto si quieres mostrar una barra de recordatorio en la parte inferior de la página como si prefieres un estilo de ventana emergente más atractivo, Elementor ofrece funciones de diseño flexibles y potentes.

Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.