Primera capa de privacidad RGPD en los formularios Divi

  • Primera capa de privacidad RGPD en los formularios Divi

    Discusión creada por Lidia Marbán el 28 de febrero de 2024 en 2:48 AM

    ¡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

    Lidia Marbán ha respondido hace 1 mes, 1 semana 3 Miembros · 7 Respuestas
  • 7 Respuestas
  • Iciar Etxebarria Martín

    Miembro
    28 de febrero de 2024 en 3:00 AM

    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!

    • Lidia Marbán

      Miembro
      29 de febrero de 2024 en 2:40 AM

      ¡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

  • Vicente Godofredo Torres

    Miembro
    28 de febrero de 2024 en 5:45 AM

    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.

    • Lidia Marbán

      Miembro
      29 de febrero de 2024 en 2:53 AM

      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!

      • Vicente Godofredo Torres

        Miembro
        29 de febrero de 2024 en 5:54 AM

        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.

        • Lidia Marbán

          Miembro
          1 de marzo de 2024 en 2:20 AM

          ¡¡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.

  • Vicente Godofredo Torres

    Miembro
    29 de febrero de 2024 en 5:57 AM

    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.

¡Registrate en nuestro próximo Live!
12 de ENERO de 2024 9:30 hrs (CDMX)
En este evento exclusivo, abordaremos las preguntas sobre ecommerce en Divi, además de responder a cualquier otra pregunta que nuestros suscriptores de la academia tengan en mente.
0
días
0
horas
0
minutos
0
segundos
¡Registrate en nuestro próximo Live!
12 DE ENERO DE 2024 9:30 HRS (CDMX)
0
días
0
hrs
0
min
0
seg
25% OFF BLACK FRIDAY SALE!
Del 24 al 30 de noviembre 2023 descuentos por:
¿Aún no eres miembro Premium ⭐ de UXDivi? ¡Esta es tu oportunidad de oro! Únete a nuestra comunidad de expertos en Divi y disfruta de recursos exclusivos, tutoriales avanzados, y una red de profesionales al alcance de tu mano.
0
días
0
horas
0
minutos
0
segundos
25% OFF BLACK FRIDAY SALE!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% en tu suscripción Premium. ¡Solo durante Black Friday!
0
días
0
hrs
0
min
0
seg
Aprovecha un DESCUENTO DEL 25% ¡Solo durante Black Friday!
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →
¡Únete a nuestro próximo Live mensual de Preguntas y Respuestas el viernes 12 de enero de 2024! Separa tu cupo GRATIS AQUÍ →