A beautiful white architecture building
Table des matières

Formulaires Webflow conformes à la Loi 25 : le guide pratique pour PME québécoises

La Loi 25 n'est pas qu'une affaire d'avocats : chaque formulaire de contact sur votre site Webflow collecte des données personnelles, et sans case à cocher de consentement conforme, votre PME s'expose aux sanctions de la Commission d'accès à l'information. Bonne nouvelle : rendre votre formulaire Webflow conforme à la Loi 25 au Québec prend moins d'une heure si vous suivez les bonnes étapes. Voici le guide concret que personne n'a encore rédigé pour les propriétaires de sites Webflow au Québec.

Pourquoi la Loi 25 s'applique à vos formulaires Webflow (même si vous n'êtes pas avocat)

Adoptée en 2021 et pleinement en vigueur depuis septembre 2023, la Loi 25 impose des obligations précises à toute organisation qui collecte des données de résidents québécois — peu importe sa taille ou son secteur d'activité.

Ce que la Loi 25 considère comme une donnée personnelle

Un prénom, une adresse courriel, un numéro de téléphone, une adresse postale : chaque élément que vos visiteurs remplissent dans votre formulaire Webflow constitue un renseignement personnel au sens de la Loi 25. La définition est intentionnellement large — même une adresse IP peut en faire partie si elle permet d'identifier une personne physique.

Quelles entreprises sont visées — spoiler : les PME aussi

La Commission d'accès à l'information (CAI) a été claire : toute organisation — une boutique de quartier, un studio de design graphique ou une firme de comptables à Laval — est soumise à la loi 25 collecte données site web Québec dès qu'elle recueille des renseignements personnels. Les amendes peuvent atteindre 25 millions de dollars ou 4 % du chiffre d'affaires mondial. Un risque réel, même pour une TPE qui reçoit dix demandes de contact par semaine.

Les 3 éléments obligatoires dans un formulaire Webflow conforme à la Loi 25

Un formulaire Webflow conforme à la Loi 25 repose sur trois piliers non négociables. Si votre formulaire actuel en manque un seul, vous êtes hors conformité — et la CAI n'a pas à prouver que des dommages ont été causés pour vous sanctionner. Si votre organisation utilise également des outils IA pour traiter ces données collectées, notre checklist de conformité IA et Loi 25 pour PME québécoises couvre les obligations complémentaires à respecter.

Le libellé de consentement : formulations approuvées vs formulations à risque

Le consentement doit être libre, éclairé et pour une finalité spécifique. Voici ce qui fonctionne et ce qui ne fonctionne pas :

Formulation à risque : « J'accepte les conditions générales »
— Trop vague, ne précise pas quelle donnée est collectée ni pour quel usage.

Formulation conforme : « J'accepte que [Nom de votre entreprise] conserve mon adresse courriel pour répondre à ma demande de contact et m'envoyer des ressources pertinentes sur le développement web. Je peux me désabonner en tout temps. »
— Précise la finalité, l'identité du responsable et le droit de retrait.

La case à cocher : pourquoi elle ne doit jamais être pré-cochée

Une case pré-cochée ne constitue pas un consentement valide selon la Loi 25. Le visiteur doit effectuer un geste actif — cocher lui-même la case — pour que son accord soit juridiquement reconnu. Dans Webflow, cela se configure en laissant l'état initial du champ Checkbox à « non coché ». C'est une erreur fréquente, facilement corrigeable, mais qui peut déclencher une plainte à la CAI.

Ajouter la case à cocher de consentement dans Webflow : étapes concrètes

Contrairement à ce que l'on pourrait croire, Webflow offre nativement tout ce qu'il faut pour créer un formulaire conforme à la Loi 25. Aucun plugin tiers requis.

Configurer le champ Checkbox dans Webflow Designer

  1. Ouvrez votre formulaire dans le Webflow Designer
  2. Ajoutez un élément Form Checkbox depuis le panneau d'ajout
  3. Dans les paramètres du champ, assurez-vous que Required est activé — cela empêche la soumission sans cocher
  4. Vérifiez que l'état initial est « non coché » (par défaut dans Webflow)
  5. Nommez le champ de manière explicite dans le code (ex : consent-loi25) pour faciliter l'audit futur

Lier dynamiquement la politique de confidentialité depuis le label

Le label de votre case à cocher doit contenir un lien cliquable vers votre politique de confidentialité. Dans Webflow, sélectionnez le texte du label, puis utilisez l'icône de lien pour pointer vers la page /politique-de-confidentialite de votre site. Exemple de libellé complet :

« J'accepte que [Nom de votre entreprise] utilise mes renseignements personnels pour traiter ma demande, conformément à sa [politique de confidentialité]. »

Rédiger une politique de confidentialité valide pour votre site Webflow

La politique de confidentialité n'est pas un document optionnel : c'est une obligation légale dès que vous collectez des données. Elle doit être rédigée en langage clair — pas en jargon juridique — et accessible depuis chaque formulaire de votre site.

Les 5 clauses minimales que la CAI vérifiera

  1. L'identité du responsable du traitement : qui collecte les données, avec coordonnées complètes
  2. La finalité de la collecte : pourquoi vous collectez ces données et comment vous les utilisez
  3. La durée de conservation : combien de temps vous gardez les données (ex : 12 mois après la dernière interaction)
  4. Les droits des personnes : droit d'accès, de rectification et de suppression
  5. Le partage avec des tiers : si vous utilisez Mailchimp, HubSpot ou un autre outil, il faut le mentionner

Pour les PME qui souhaitent minimiser l'exposition de leurs renseignements personnels au maximum, notre article sur l'IA locale en entreprise au Québec explore comment traiter vos données sans jamais les exporter vers des serveurs tiers.

Où héberger et comment lier cette page dans Webflow

Créez une page statique /politique-de-confidentialite dans Webflow et ajoutez-la au menu de pied de page. Cette URL doit être stable — ne la changez pas, car elle est référencée dans vos formulaires et potentiellement dans des courriels de confirmation.

Les erreurs les plus fréquentes — et leurs conséquences concrètes

Voici les quatre erreurs terrain que nous observons le plus souvent dans les sites Webflow de PME québécoises :

1. Case pré-cochée → Consentement invalide, risque de plainte immédiat.

2. Libellé trop vague (« J'accepte les conditions ») → La CAI considère ce type de consentement comme non éclairé.

3. Absence de lien vers la politique → Même si la politique existe, si elle n'est pas accessible depuis le formulaire, l'obligation n'est pas satisfaite.

4. Collecte sans finalité déclarée → Vous collectez un numéro de téléphone « au cas où » sans jamais l'utiliser ? C'est une violation du principe de minimisation des données.

Chaque erreur peut déclencher une plainte à la CAI de la part d'un utilisateur insatisfait — et une enquête formelle, même sans dommage prouvé.

Aller plus loin : auditer tous les formulaires de votre site Webflow

Un seul formulaire conforme ne suffit pas si vous en avez cinq sur votre site. Formulaire de contact, newsletter, demande de devis, chat, livre blanc : chacun collecte des données et doit respecter les mêmes exigences.

Checklist rapide : 5 points à vérifier sur chaque formulaire

  • [ ] Case à cocher de consentement non pré-cochée
  • [ ] Libellé de consentement clair avec finalité déclarée
  • [ ] Lien vers la politique de confidentialité dans le label
  • [ ] Champ Required activé sur la case de consentement
  • [ ] Politique de confidentialité à jour avec mention des outils tiers utilisés

Quand faire appel à un expert Webflow pour la mise en conformité

Si vous avez plus de trois formulaires actifs, des intégrations avec des CRM ou des outils d'emailing, ou si vous traitez des données sensibles, un audit complet est recommandé. Pianistes Numérique, agence Webflow à Montréal, effectue ces audits et implémente les correctifs directement dans votre Designer — sans interrompre votre site en production.

Votre site Webflow est-il conforme à la Loi 25 ? Contactez-nous pour un audit rapide de vos formulaires.

Les questions fréquemment posées :

  • La Loi 25 s'applique-t-elle à mon formulaire de contact Webflow ?

    Oui. Dès qu'un formulaire collecte un nom, un courriel ou un numéro de téléphone d'un résident québécois, la Loi 25 s'applique — peu importe la taille de votre entreprise. Les amendes peuvent atteindre 25 millions de dollars ou 4 % du chiffre d'affaires mondial.

  • Est-ce qu'une case à cocher pré-cochée est valide sous la Loi 25 ?

    Non. La Loi 25 exige un consentement actif et libre. Une case pré-cochée n'est pas considérée comme un consentement valide par la Commission d'accès à l'information (CAI). La case doit être décochée par défaut et cochée volontairement par l'utilisateur avant la soumission.

  • Quel libellé dois-je utiliser dans ma case de consentement Webflow ?

    Le libellé doit indiquer précisément la finalité de la collecte. Par exemple : « Je consens à ce que [Nom de l'entreprise] utilise mon courriel pour me répondre. Politique de confidentialité. » Évitez les formulations vagues comme « J'accepte les conditions » — elles invalident le consentement.

  • Ma PME a-t-elle besoin d'une politique de confidentialité sur son site Webflow ?

    Oui, c'est obligatoire si vous collectez des renseignements personnels. La politique doit contenir la finalité de la collecte, la durée de conservation, les droits des utilisateurs et les coordonnées de votre responsable de la protection des renseignements personnels (RPP).

  • Comment ajouter une case à cocher de consentement dans Webflow ?

    Comment ajouter une case à cocher de consentement dans Webflow ?

  • Quels sont les risques si mon formulaire Webflow n'est pas conforme à la Loi 25 ?

    Une plainte à la CAI peut déclencher une enquête formelle. Les sanctions incluent des amendes administratives pouvant atteindre 25 millions de dollars ou 4 % du chiffre d'affaires mondial, en plus d'une atteinte sérieuse à la réputation de votre entreprise.

Dernières publications

Autres Publication

Une main tient un pied à coulisse pour mesurer un petit engrenage en laiton, comme on teste ses prompts IA.

Tester ses prompts IA : le framework pratique pour fiabiliser vos workflows d'automatisation en PME

Vos prompts IA donnent des résultats imprévisibles en production ? Apprenez à les tester sans coder — avec n8n, pour les PME québécoises.
Lire l'article
Une main tend une feuille vierge à une statue de marbre, comme on fournit du contexte à un agent IA

Pourquoi votre agent IA ne donne pas de résultats — et comment lui bâtir une couche de contexte adaptée à votre PME

Votre agent IA déçoit ? Le problème n'est pas le modèle — c'est le contexte métier manquant. Guide pratique en 4 étapes pour PME québécoises.
Lire l'article
Main tendant la corde d'un arc long avec une flèche, en gros plan, pour illustrer le ciblage des campagnes Google Ads

Google Ads après l'AI Mode : comment adapter vos campagnes quand les requêtes s'allongent (guide PME québécois)

AI Mode allonge les requêtes Google Ads. Découvrez comment adapter vos campagnes PME au Québec sans gaspiller votre budget.
Lire l'article