Guide intégrateur

Mise en conformité RGPD

Présentation générale

Objet

Le présent document, à destination des webdesigners, a pour objectif de définir l’ensemble des modifications et des ajouts nécessaires aux thèmes graphiques pour supporter la mise en conformité RGPD.

Rétrocompatibilité

L’utilisation des nouveaux blocs et des nouvelles balises nécessitent une mise à jour du thème graphique. Les clients ne souhaitant PAS utiliser la mise en conformité RGPD n’ont aucune modification à faire.

Ces modifications impactent les templates suivant du thème graphique :

Dans tous les cas, nous recommandons la mise en place de toutes les modifications décrites dans ce document, même pour les clients ne voulant pas utiliser les nouvelles fonctionnalités. Le détail de ces modifications est exposé dans les sections suivantes.

Inscription au site

Template : /widgets/compte/inscription/index.html

Modifications à apporter

L'activation du recueil de consentement permet d'afficher le bloc main.form.consentement. Ce bloc contient la balise {finalites} qui affiche un texte mentionnant les traitements des données personnelles recueillies et leurs finalités. Ce bloc contient également une case à cocher (décochée par défaut) que l'utilisateur devra obligatoirement cocher pour ouvrir un compte.

...

<!-- BEGIN:consentement -->

    <p>{finalites}</p>

    <label>
        <input name="consentement_ok" type="checkbox" value="1" {check_consentement}/>
        J'accepte l'utilisation de mes donn&eacute;es personnelles.
        <a href="/donnees-personnelles.html">Consulter les d&eacute;tails du consentement.</a>
    </label>

<!-- END:consentement -->

...

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main.form.consentement Ce Bloc s'affiche si le recueillement du consentement à l'inscription est activé
{finalites} Affiche les traitements et finalité de la collecte des données du site
{check_consentement} Renvoi checked="checked" pour accepter le recueil des données

Poster un commentaire dans le blog

Template : /widgets/blog/poster_commentaire/index.html

Modifications à apporter

L'activation du recueil de consentement permet d'afficher le bloc main.commentaires_ouverts.consentement. Ce bloc contient une case à cocher (décochée par défaut) que l'utilisateur devra obligatoirement cocher pour poster un commentaire.

...

<!-- BEGIN:consentement -->

    <label>
        <input name="consentement_ok" type="checkbox" value="1" {check_consentement}/>
        J'accepte la publication du commentaire
    </label>

    <p>Finalit&eacute;s des traitements...</p>

<!-- END:consentement -->

...

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main.commentaires_ouverts.consentement Ce Bloc s'affiche si le recueillement du consentement est activé
{check_consentement} Renvoi checked="checked" pour accepter le recueil des données

Poster une évaluation produit

Template : /widgets/catalogue/poster_commentaire/index.html

Modifications à apporter

L'activation du recueil de consentement permet d'afficher le bloc main.commentaires_ouverts.consentement. Ce bloc contient une case à cocher (décochée par défaut) que l'utilisateur devra obligatoirement cocher pour poster une évaluation.

...

<!-- BEGIN:consentement -->

    <label>
        <input name="consentement_ok" type="checkbox" value="1" {check_consentement}/>
        J'accepte la publication du commentaire
    </label>

    <p>Finalit&eacute;s des traitements...</p>

<!-- END:consentement -->

...

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main.commentaires_ouverts.consentement Ce Bloc s'affiche si le recueillement du consentement est activé
{check_consentement} Renvoi checked="checked" pour accepter le recueil des données.

Choix de l’adresse de livraison d’une commande

Template : /widgets/commande/livraison/index.html

Modifications à apporter

L'activation du recueil de consentement permet d'afficher le bloc main.consentement. Ce bloc contient une case à cocher (décochée par défaut) que l'utilisateur devra obligatoirement cocher pour passer une commande.

...

<!-- BEGIN:consentement -->

    <label>
        <input name="consentement_ok" type="checkbox" value="1" {check_consentement}/>
        J'accepte de fournir mes coordonn&eacute;es de facturation et de livraison
    </label>

    ... Finalité des traitements ...

<!-- END:consentement -->

...

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main.consentement Ce Bloc s'affiche si le recueillement du consentement est activé
{check_consentement} Renvoi checked="checked" pour accepter le recueil des données

Formulaires Dismoi?

Template : /widgets/communication/formulaires/index.html

Modifications à apporter

L'activation du recueil de consentement permet d'afficher le bloc main.form.consentement. Ce bloc contient la balise {finalites} qui affiche un texte mentionnant les traitements des données personnelles recueillies et leurs finalités. Ce bloc contient également une case à cocher (décochée par défaut) que l'utilisateur devra obligatoirement cocher pour soumettre une réponse au formulaire.

...

<!-- BEGIN:consentement -->

    <label>
        <input name="consentement_ok" type="checkbox" value="1" {check_consentement}/>
        J'accepte l'utilisation de mes donn&eacute;es personnelles
    </label>

    <p>{finalites}</p>

<!-- END:consentement -->

...

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main.form.consentement Ce Bloc s'affiche si le recueillement du consentement est activé
{finalites} Affiche les traitements et finalité de la collecte des données du site
{check_consentement} Renvoi checked="checked" pour accepter le recueil des données

Clôture de compte

Nouveau template : /widgets/compte/tableau_bord/cloture.html

Un membre peut demander la clôture de son compte via un formulaire dédié dans le front-office, à l'url /compte/cloture.html. Cette page est accessible sans avoir besoin de s'identifier sur le site.

Template cloture.html

<!-- BEGIN:main -->

  <!-- BEGIN:intitule -->
  <h1>{intitule}</h1>
  <!-- END:intitule -->

  <!-- BEGIN:form -->    
    <!-- BEGIN:erreurs -->
    <ul>
      <!-- BEGIN:erreur -->
      <li>{erreur}</li>
      <!-- END:erreur -->
    </ul>
    <!-- END:erreurs -->

    <form method="post" action="">
      <label>Adresse email :</label>
      <input type="text" name="email" value="{email}"/>
      <label>Mot de passe actuel :</label>
      <input type="password" name="mdp" value=""/>
      <input type="submit" value="Supprimer mon compte"/>
      <input type="hidden" name="act" value="delete" />
      <input type="hidden" name="ctl" value="{ctl}"/>
    </form>
    <!-- END:form -->

    <!-- BEGIN:message -->
    <p>
      Votre demande de suppression de site a bien &eacute;t&eacute; re&ccedil;ue, elle sera trait&eacute;e dans les plus brefs d&eacute;lais.
    </p>
    <!-- END:message -->

<!-- END:main -->

Récapitulatif des balises et bloc disponibles

Bloc Balise Description
main Bloc racine tout le temps affiché
widget_modele Nom du modèle utilisé par le widget (vide pour le modèle de base)
main.intitule Ne s'affiche que si l´intitulé du widget est rempli
intitule Cet intitulé est paramétrable lors de l´édition d´un widget dans la gestion de l'Apparence de la Console d´administration de Kiubi
main.form Le contenu du bloc s'affiche avant la validation du formulaire
serial Identifiant unique du widget dans la page. Permet d'identifier de manière unique le widget dans la page
ctl Cette balise est présente dans certains widgets qui utilisent un formulaire. Elle y a alors une utilité technique, sans elle le formulaire ne fonctionnera pas
email Affiche l'email précédemment saisi
main.form.erreurs Ce bloc s'affiche si le formulaire contient des erreurs
main.form.erreurs.erreur Ce bloc s'affiche pour chaque erreur du formulaire
erreur Erreur du formulaire
main.message Ce bloc s'affiche après une validation sans erreurs du formulaire

API Developers

Endpoint GET & PUT /sites/{code_site}/forms/{form_id}

Paramètre Type Description
processing_purposes string Texte décrivant les traitements et finalité de la collecte des données du formulaire
is_consent_required boolean Active le recueil du consentement

API Front-office

Le client JS API Front a été mis à jour et est accessible à l'url {cdn}/js/kiubi.api.pfo.jquery-1.1.min.js.

Endpoint GET /blog/posts/{post_id}/comments

Paramètre Type Description
is_consent_required boolean Le recueil du consentement est obligatoire

Endpoint POST /blog/posts/{post_id}/comments

Paramètre Type Description
consent boolean Donne le consentement au traitement des données

Endpoint GET /catalog/products/{post_id}/comments

Paramètre Type Description
is_consent_required boolean Le recueil du consentement est obligatoire

Endpoint POST /catalog/products/{post_id}/comments

Paramètre Type Description
consent boolean Donne le consentement au traitement des données

Endpoint /cart/addresses

Paramètre Type Description
is_consent_required boolean Le recueil du consentement est obligatoire

Endpoint PUT /cart/addresses

Paramètre Type Description
consent boolean Donne le consentement au traitement des données

Endpoint GET /forms/{key}

Paramètre Type Description
processing_purposes string Texte décrivant les traitements et finalité de la collecte des données du formulaire
is_consent_required boolean Le recueil du consentement est obligatoire

Endpoint POST /forms/{key}

Paramètre Type Description
consent boolean Donne le consentement au traitement des données

Endpoint POST /newsletter

Paramètre Type Description
consent boolean Donne le consentement au traitement des données