Tema Divi
En el Foro Divi y Plugins para Divi, compartimos y enriquecemos nuestro conocimiento en... Ver más
Organizadores:
- Organizado por
-
-
Primera capa de privacidad RGPD en los formularios Divi
-
Primera capa de privacidad RGPD en los formularios Divi
¡Buenos días/noches!
Llevo tiempo dándole vueltas a ver si encuentro la solución a un “problema” que tengo con Divi. Y al final he dicho ¿por qué no preguntar a gente que sabe? Y aquí estoy ¿dónde mejor?El caso es que en Europa para cumplir con el RGPD, en los formularios, bajo los campos a rellenar y antes del botón “enviar” (o lo que sea que pongamos), hay que incluir un par de checks (los famosos “he leído y acepto la política de privacidad” y “acepto que LA EMPRESA me envíe boletines con publicidad…”) y hasta ahí, bien, es fácil con Divi. Pero también hay que incluir un pequeño párrafo de texto conocido como primera capa de aceptación de datos. Que, igualmente, debe ir antes del botón de “enviar”.
Y no se cómo solucionar esto con Divi de manera que quede funcional, cumpla con la normativa, pero también sea estético, claro.
¿Se os ocurre algo? ¿Cómo lo estáis solucionando vosotros/as?
Un saludo y gracias por adelantado
-
7 Respuestas
-
Hola Lidia!
Totalmente cierto lo que dices. En mi caso, siempre utilizo el plugin Divi Form Builder, de Divi Engine. Es un poco difícil de configurar y a veces he tenido que contactar con soporte por algunos fallos pero es la única solución que he encontrado que te permite incluir todo tipo de campos donde quieras, incluido un campo de texto para la capa informativa.Hay que decir que desde soporte siempre me han ayudado cuando he tenido problemas y en todas las webs que hago lo utilizo.
Espero que te sirva,
Saludos!-
¡Hola, Iciar!
Muchas gracias por dedicar tu tiempo a responder y por el tip que me has dado. ¡Por lo que dices, me viene de perlas! Probaré el plugin a ver qué tal.
Aunque… he de reconocer que con eso de que es difícil de configurar me has asustado un poco, jejejeje.
Un saludo
-
-
Hola Lídia. Yo me creo un campo antes del botón enviar que es una “casilla de verificación”. Le digo que sea un campo obligatorio. Pones el texto por ejemplo de “He leído y Acepto…… la RGPD”. La RGPD es un enlace de tu página de Privacidad y datos por ejemplo, puedes ponerle el texto que precises en concreto. Así te pones los campos que precises…..
Espero que esto sea lo que necesitas.
-
Hola Vicente.
Muchas gracias por dedicar tu tiempo a contestar.
El método de la casilla de verificación también lo uso yo. Pero necesito que entre esa frase que lleva a la política de privacidad y el botón de enviar aparezca un texto (lo que llaman “primera capa de privacidad”) con lo del interés legítimo, destinatarios, duración, derechos, etc.
¿O te refieres a que ponga todo ese texto a continuación de la frase “He leído y acepto la política de privacidad” empleando el mismo campo?
Porque queda poco estético, pero también puede ser una idea útil…. y cumpliría con la normativa.
¡Gracias!
-
OJO!!. Esto es lo que le he preguntado al ChatGPT, que lo sabe toooooo. Yo me tiraria un par de días para saber aplicarlo bien pero igual tu sabes hacerlo.
Respuesta:
“Puedes utilizar una capa de privacidad en forma de superposición (overlay) para incluir un aviso antes del botón de enviar en un formulario de contacto. Aquí tienes un ejemplo básico de cómo podrías implementarlo con HTML y CSS”:
<!DOCTYPE html>
<html lang=”es”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<link rel=”stylesheet” href=”styles.css”>
<title>Formulario de Contacto</title>
</head>
<body>
<div class=”privacy-overlay” id=”privacyOverlay”>
<div class=”privacy-content”>
Este sitio web utiliza cookies para mejorar la experiencia del usuario. Al utilizar nuestro sitio web, aceptas todas las cookies de acuerdo con nuestra Política de privacidad.
<button onclick=”aceptarPrivacidad()”>Aceptar</button>
</div>
</div>
<form action=”procesar_formulario.php” method=”post”>
<button type=”submit”>Enviar</button>
</form>
<script src=”script.js”></script>
</body>
</html>
EL CSS (en styles.css)
body {
font-family: Arial, sans-serif;
margin: 0;
}
.privacy-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
align-items: center;
justify-content: center;
}
.privacy-content {
background-color: #fff;
padding: 20px;
border-radius: 5px;
text-align: center;
}
button {
background-color: #4caf50;
color: #fff;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
}
button:hover {
background-color: #45a049;
}
/* Añade estilos adicionales según tus necesidades */
El JavaScript (en script.js)
document.addEventListener(‘DOMContentLoaded’, function () {
var privacyOverlay = document.getElementById(‘privacyOverlay’);
// Mostrar la capa de privacidad cuando se carga la página
privacyOverlay.style.display = ‘flex’;
});
function aceptarPrivacidad() {
var privacyOverlay = document.getElementById(‘privacyOverlay’);
// Ocultar la capa de privacidad al aceptar
privacyOverlay.style.display = ‘none’;
}
Este código crea una superposición (overlay) con un mensaje de privacidad y un botón “Aceptar”. La superposición se mostrará al cargar la página y se ocultará cuando se hace clic en el botón “Aceptar”. Puedes personalizar los estilos y el contenido de la capa de privacidad según tus necesidades.
-
¡¡Hola, Vicente!!
Gran respuesta la que me has dado. Muchas gracias por todas las molestias que te has tomado.La verdad es que sí que necesito también un par de días para entenderlo todo. O incluso tres. Pero me ha dado una buena idea.
Un saludo y feliz fin de semana.
-
-
-
-
Yo desde luego no me lio tanto. Lo que hago es que se refleje bien todo lo que se recoge en la web, en el banner de Complianz y que se refleje el 100% de la Info en los diferentes textos y páginas donde se reflejan los textos legales con todos los datos que se precisan.
Inicia sesión para responder.
