¡Anda qué sorpresa! ¿Otra vez por aquí? Hoy he decidido ponerme un poco técnico (sí, otra vez) para hablar de un tema que últimamente habrás leído mucho: el nuevo RGPD (Reglamento General en Protección de Datos) que la Unión Europea va a colarnos va a implementar muy próximamente.

Y como el tema legal ya sabéis que no es mi especialidad, he decidido ponerme con la implementación técnica: cómo adaptar los formularios de tu web al nuevo reglamento legal.

Para que el tutorial tenga un poco más de sentido, me voy a centrar en desarrollos sobre WordPress que utilicen el Elementor como constructor visual. ¿Que por qué Elementor? Pues porque es el que más estamos utilizando ahora mismo en Ensalza y me resultaba más cómodo para poner el ejemplo, para qué te voy a engañar.

adaptar RGPD WordPress Elementor

Siempre que hablo de temas legales me imagino libros grandes, grandes.

 

Pero antes de ponernos al lío, vamos a hacer 2 definiciones muy rápidas.

¿Qué es el RGPD ese del que todo el mundo habla?

Te prometo que aquí no me voy a enrollar mucho. Porque con los temas legales siempre que me pongo a hablar termino metiendo la pata en algo muy importante. Prefiero dejárselo a los expertos (y si me dejas un consejo, tú deberías hacer lo mismo).

En temas legales, prefiero hablar con un experto a improvisar sobre la marcha

El Reglamento General de Protección de Datos (RGPD de manera abreviada para que te ocupe menos de un tuit y no te canses al escribir) es el nuevo marco regulador que la Unión Europea ha establecido para unificar todas las normativas en materia de protección de datos que los distintos países miembros tenían hasta ahora.

Aunque lleva mucho tiempo dando que hablar, cada vez empezarás a escucharlo más y más: la fecha de entrada en vigor es el próximo 25 de mayo de 2018.

Seguramente ahora quieras salir pitando del blog. Pero si tienes una web o un blog y aún no has oído ni trabajado sobre este tema, deberías empezar a investigar desde ya mismo. Al final del post te dejo algunos enlaces chulos para que puedas ampliar la información.


La principal diferencia entre el nuevo RGPD y la actual LOPD que teníamos en España es que se añaden requisitos adicionales en cuanto a la necesidad de informar a los usuarios de nuestra web sobre cómo y para qué se van a utilizar sus datos.

Y, en el caso que nos ocupa, tendremos que preocuparnos de informar a los usuarios de manera clara (mucho más de lo que hacíamos hasta ahora) sobre el tratamiento de sus datos en todos los puntos donde recojas datos de ellos. Básicamente, en todos los formularios que tenga tu web (tanto los de contacto como con los de comentarios o los de captación de leads).

¿Qué es Elementor y por qué te gusta tanto?

Ya os hemos contado muchas veces que en Ensalza, además de los desarrollos a medida nos encanta trabajar con WordPress. Y además, que nos llevamos a las mil maravillas con Divi, la plantilla que está detrás del diseño de este blog.

Pues de un tiempo a esta parte hemos añadido a nuestra lista de cosas que nos gustan el plugin de Elementor. Se trata de un constructor visual (como Visual Composer o casi como Divi) bastante ligero y sobre todo muy potente.

Que es elementor para WordPress

Y en su versión PRO, cuenta con un widget muy cómodo para gestionar los formularios de tu web y que me va a servir de ejemplo para este artículo. Ya os iremos contando sobre Elementor en otros artículos, no sufráis.

Entonces, ¿Cómo puedes adaptar tus formularios en Elementor al RGPD y estar a tope de legalidad?

Como estoy ahora mismo trabajando en un proyecto en WordPress donde tengo que implementar todos estos temas del RGPD, voy a tomarlo como base para contaros como hacerlo.

Como adaptarte al nuevo RGPD con Elementor sin morir en el intento Clic para tuitear

Para poder seguir este tutorial, necesitas:

  1. Tener claro en qué punto te afecta el RGPD.
  2. Haber montado tu web en WordPress y usar Elementor como constructor visual.
  3. Disponer de Elementor PRO, ya que en la versión básica no puedes crear formularios.
  4. Contar con todos los textos legales que necesites. Pero ahí yo no te puedo ayudar.

Añadir checkbox con enlace a política de privacidad

El primer paso es añadir una casilla (si no la tenías ya) de obligada aceptación para el usuario, al final del formulario e indicando un enlace a tu política de privacidad completa. ¡Ah! y muy importante que no esté marcada por defecto.

Editando tu página con Elementor, nos iremos a editar los campos del formulario y añadiremos uno nuevo con los siguientes parámetros:

RGPD-Elementor-checkbox-privacidad

  • Tipo: acceptance
  • Label: lo podemos dejar vacío
  • Required: YES (debe ser obligatorio marcar la casilla)
  • Acceptance Text: fíate de mi y pega este texto (cambiando por la url de tu política de privacidad, claro):
    • He leído y acepto la <a href=”PEGA-TU-URL-AQUI” target=”_blank”>política de privacidad.</a>

Este es el paso fácil, así que una vez terminado tu formulario debería tener esta pinta:

formulario-RGPD-checkbox-privacidad

Añadir texto de información básica sobre protección de datos

Vale, ya hemos avisado al usuario de dónde puede ver nuestra política de privacidad. Pero esto ya lo hacíamos en la mayoría de los casos. Con el nuevo RGPD necesitamos avisar en el mismo momento y medio en que se recogen los datos de la información básica de tratamiento de datos.

elementor-RGPD-tratamiento

Como en la mayoría de los casos esta información te descuadrará el diseño por completo, puedes optar a poner un enlace que despliegue bajo el formulario esa información básica.

¿Cómo lo hacemos?

  • Añadimos en Elementor un Widget de “Encabezado”, marcando la etiqueta HTML como “p”
  • En enlace, ponemos “#”
  • Como texto podemos poner algo como esto:
    • Antes de firmar la solicitud, debe leer la información básica sobre protección de datos <b>aquí</b>.
  • Y en la pestaña de Avanzado, debemos buscar el campo Clases CSS y añadir “ver-tratamiento” (sin comillas)

Añadir tabla (oculta) sobre el tratamiento de los datos

Ahora que tenemos el enlace previo, toca poner realmente esa información básica sobre protección de datos. La recomendación es que lo hagas en forma de tabla, pero también puedes poner una lista de valores.

Los datos que debes incluir son los siguientes:

  • Responsable del tratamiento.
  • Finalidad de los datos.
  • Legitimación (cómo te va a dar el permiso el usuario).
  • Destinatarios (si además serán utilizados por terceros).
  • Derechos que el usuario tendrá sobre sus datos.
  • Información adicional.

Y para que esta información quede más decente en Elementor, haremos los siguiente:

  • Añadir un Widget de editor de texto.
  • Incluir la tabla o el texto completo.
  • En la pestaña de avanzado:
    •  En Clases CSS, añade esto: “txt-privacidad” (otra vez sin las comillas)
    • Pega este texto en el custom CSS, para que la cajita sea más pequeña y tenga un scroll para que el usuario se mueva:
      • selector .elementor-widget-container{height: 100px; overflow-x:auto;}
    • En Responsive marca todas las casillas, para que la caja quede oculta.
  • Los estilos de la fuente y forma del elemento ya te los dejo a tu criterio.

Si lo has hecho todo bien, tu formulario debería tener ahora mismo esta pinta (en la parte pública, en el editor se verá diferente)

RGPC-formulario-paso2

Código mágico: un poquito de javascript y jQuery para que todo funcione

Como ya tenemos toda la información básica necesaria, ya solo queda un poquito de magia para conseguir que esa cajita con la tabla de uso de datos no esté siempre visible.

Para conseguirlo, tenemos que buscar nuestro fichero functions.php del tema que tenemos activo y añadir este código al final:

<?php
function validate_privacy(){
?>
<script type=”text/javascript”>
jQuery(document).ready(function($){
jQuery(‘.ver-tratamiento a’).on(‘click’, function(event) {
event.preventDefault();
jQuery(‘.txt-privacidad’).css(‘display’,’block’);
});
});
</script>
<?php
}
add_action(‘wp_footer’,’validate_privacy’);

Si todo ha ido bien y no nos hemos saltado ningún paso, nuestro formulario debería estar exactamente igual que en el paso anterior hasta pinchar en el texto de “Antes de firmar…”, que debería verse así:

formulario-RGPD-paso3

¿Y con esto ya estoy preparado para cumplir el RGPD?

A ver, a ver, que igual te has saltado el primer paso cuando te decía que yo de temas legales controlaba lo justito. Con todo esto que te he contado aquí podrás adaptar tus formularios al nuevo reglamento. Pero te recomiendo encarecidamente que contactes con un profesional legal que te cuente qué, cómo y por qué debes poner las cosas así en tu web.

Artículos sobre RGPD te vas a encontrar a patadas en las últimas semanas (y en las que vienen), pero yo te recomiendo que le eches un ojo a éste que escribió Marina Brocca en el blog de Rubén Alonso hace unas semanas y que puedes leer aquí.

Y si todavía te quedan dudas legales (que seguro que sí), te invito a que contactes con profesionales sobre este tema. En Ensalza, de uno u otro modo hemos colaborado con varios, así que os dejo sus datos:

Son todos bien majos, pero si les dices que vas de parte de Ensalza, seguro que les gusta más 😀

Si las dudas son sobre Elementor y sus formularios te invito a que me dejes un comentario aquí mismo, que me encanta leerlos.

¡Hasta la semana que viene!

¡Hola! Soy Santy. Analista de desarrollo y marketing online en Ensalza. Por aquí seguramente me veáis hablando de desarrollo web, Google Adwords, de emprendedores y de productividad, principalmente.

Soy zurdo, (muy) cabezota, omnívoro, ingenier-[o/ucho/ito] informático y marketero,así de raro.

[Total:1    Promedio:5/5]

Share This