Necesito saber cómo crear una ventana emergente de consentimiento de cookies en Elementor ?
Si utiliza Elementor Pro, hay algunas funciones que puede agregar a su sitio web de WordPress sin instalar ninguna plugins adicional. En uno de ellos puede agregar un consentimiento de cookies utilizando la función de creación de ventanas emergentes deElementor, que discutiremos en este artículo. ¿Qué es una cookie?
Lea también: Cómo crear un formulario de varios pasos con Elementor
En el contexto de la web, una cookie (también conocida como cookie web, cookie del navegador y cookie de Internet) es una pequeña parte de los datos almacenados en su computadora por un navegador web. Luego, los sitios web utilizan los datos para entregar contenido basado en sus actividades. Si a menudo ve anuncios basados en sus actividades, para eso es una cookie (aunque hay muchos ejemplos de cómo se utilizan las cookies).
En algunos casos, mostrar el consentimiento de las cookies es muy importante porque le permite a su visitante comprender que su sitio web está recopilando cierta información de ellos. Esta es una de las implementaciones de transparencia empresarial.
Cómo crear una ventana emergente de consentimiento de cookies en Elementor
La versión pro de Elementor viene con un generador de ventanas emergentes que puede usar para crear una hermosa ventana emergente. Puede utilizar el generador de ventanas emergentes de Elementor para crear cualquier tipo de ventana emergente que pueda encontrar en Internet.
Descubre también: Cómo crear un formulario de contacto en Elementor
En este artículo, le mostraremos cómo utilizar el generador de ventanas emergentes de Elementor para crear una ventana emergente de consentimiento de cookies. El propio Elementor ofrece ventanas emergentes de plantilla que puede usar para crear una ventana emergente de consentimiento de cookies, pero en este artículo, vamos a crear la ventana emergente de consentimiento de cookies desde cero.
Primero, ve a Plantillas -> Popups. Haga clic en el botón Añadir para crear una nueva ventana emergente
Dale un nombre a tu ventana emergente y haz clic en el botón CREA UN MODELO para comenzar a crear la plantilla emergente.
Como queremos crear la ventana emergente desde cero, simplemente cierre la biblioteca de plantillas haciendo clic en el icono X en la esquina superior derecha
Antes de agregar el contenido a la ventana emergente, primero realice algunos ajustes necesarios. Puede abrir el icono de engranaje en la esquina inferior izquierda para abrir el panel emergente de configuración. Estos son los parámetros que usaremos.
- Bajo la opcion Ancho Mínimo debajo del bloque Diseño, reemplace la unidad con VW y cambie el valor a 100.
- Definir el Altura para ajustarlo al contenido
- Establezca la posición horizontal en Centrar
- Establezca la posición vertical en Bas
- Desactivar opción Superposición
- Botón de desactivación Cerrar
También puede configurar la animación de entrada y salida del bloque Diseño.
Lea también: Cómo agregar una cuadrícula de precios en Elementor
Luego ve a la pestaña Estilo para cambiar el fondo de la ventana emergente. Puede utilizar una imagen de fondo, degradado o de color sólido.
Una vez que haya terminado con la configuración básica, puede comenzar a agregar el contenido a su ventana emergente. Comience agregando una sección haciendo clic en el ícono más en el cuadro de edición y seleccione una estructura de columna que desee usar (estamos usando la estructura de tres columnas en este ejemplo).
Agregue el widget Editor de texto a la primera columna y reemplace el texto predeterminado con su propio texto. Puede escribir algo como "Este sitio utiliza cookies para asegurarse de que obtenga la mejor experiencia en nuestro sitio web". Puedes personalizar el texto debajo de la pestaña Estilo. Puede configurar elementos como la tipografía (familia de fuentes, estilo de fuente, tamaño de fuente, etc.) y el color del texto.
Antes de agregar el contenido a la segunda columna, primero puede establecer el tamaño de las columnas. Para hacer esto, simplemente pase el mouse sobre una columna cuyo tamaño desea cambiar hasta que vea la línea de puntos. Haga clic y manténgalo presionado y arrástrelo hacia la derecha o hacia la izquierda.
Después de agregar y cambiar el contenido de texto en la primera columna, agregue un botón a la segunda columna. Usaremos esta columna para colocar el botón " ACEPTAR ". Simplemente arrastre el widget Botón a la segunda columna. Reemplace el texto del botón predeterminado con algo como " ACEPTAR "O" ACEPTAR Y CERRAR Y establezca el tamaño. En el campo Enlace, haga clic en el icono de la base de datos y seleccione Emergente.
Haga clic en el icono de llave inglesa en el campo Surgir. En la opcion Comportamiento, ponerlo en CERRAR ELEMENTO EMERGENTE et active la opción No volver a mostrar.
Para personalizar el botón, puede acceder a la pestaña Estilo. Desde esta pestaña puede configurar cosas como la tipografía del texto del botón, el color, el color de fondo, etc.
Cuando termine con la segunda columna, pase a la tercera columna. Usaremos esta columna para colocar el botón " RECHAZAR ". Simplemente arrastre el widget Botón a esta columna. Reemplace el texto del botón predeterminado con algo como " RECHAZAR "O" IGNORAR ".
Lea también: Cómo crear una sección de miembros del equipo con Elementor
También puede establecer el tamaño y la alineación de los botones. En el campo Enlace, pegar la URL de la página Términos y condiciones de su sitio web. Esto obligará a su visitante a leer los términos y condiciones si niega su consentimiento.
Puedes acceder a la pestaña Estilo para personalizar también este botón.
Una vez que haya terminado de modificar el contenido de la ventana emergente, haga clic en el botón PUBLICAR en la parte inferior del panel izquierdo. En la ventana que aparece, defina las condiciones de visualización haciendo clic en el botón AÑADIR CONDICIÓN.
En este ejemplo, mostraremos la ventana emergente en todo el sitio web, pero también en la página de Términos y condiciones. Entonces, las condiciones de visualización se verán así. Haga clic en el botón Next para continuar.
En el siguiente paso, se le pedirá que configure el disparador. En este contexto, puede utilizar el disparador de carga en la página. Entonces, activa la opción Carga en la página y haga clic en el enlace GUARDAR CERRAR.
Listo. Ha creado correctamente su ventana emergente de consentimiento de cookies.
Por último
La transparencia es un aspecto suficientemente crucial para una empresa. Crear una ventana emergente de consentimiento de cookies es una de las formas de mostrar la transparencia de su negocio, ya que revela que su sitio web está recopilando datos de su visitantes.
Si está utilizando Elementor para crear un sitio web WordPress, no es necesario instalar un nuevo complemento solo para crear una ventana emergente de consentimiento de cookies. En su lugar, puede utilizar la función de creación de ventanas emergentes de Elementor para que esto suceda.
¡Obtenga Elementor Pro ahora!
Conclusión
Listo ! Eso es todo por este artículo que le muestra cómo crear una ventana emergente de consentimiento de cookies en Elementor. Si tiene alguna duda sobre cómo llegar favísanos en el comentarios.
Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.
Pero mientras tanto, comparte este artículo en tus diferentes redes sociales.
...
