Le widget de recueil, sur votre site

Ce que la personne voit

Le formulaire tient dans un cadre : les mentions, deux champs, deux boutons. Tout le texte vient de la version publiée depuis votre espace, mot pour mot.

• Les mentions obligatoires. Votre identité, la nature des biens ou services, la liberté de choix, la validité de 12 mois et le droit de retrait : les informations exigées par l'article R. 223-1, déjà rédigées, affichées avant tout choix.
• Deux boutons de même poids. « J'accepte » et « Je refuse », même taille, même style, aucun choix présélectionné. Un recueil qui oriente la réponse est un recueil contestable.
• L’adresse e-mail au bon moment. Facultative sur un mobile, elle devient obligatoire pour un accord donné depuis une ligne fixe, qui ne recevra jamais de code par SMS. La règle vient du serveur ; le widget se contente de prévenir dès la saisie du numéro.
• La confirmation, avec le chemin de la preuve. Accord ou refus, la personne lit où consulter son enregistrement et comment le retirer, à tout moment.

L’installer en deux lignes

1. Publiez votre texte. Depuis votre espace, la page Recueil compose les mentions à partir de votre identité, de votre offre et de la durée de validité, puis archive la version publiée. Vous recevez votre code d'intégration, clé comprise.
2. Collez le code où vous voulez. Une balise de script et une balise vide qui marque l'emplacement du formulaire : pied de page de contact, colonne latérale, encart d'article. Aucune autre modification de votre site.
3. Déclarez vos domaines. Listez les sites autorisés à recueillir pour votre compte. Un dépôt venu d'ailleurs est refusé, même avec votre clé.

<script src="https://appelconsenti.fr/w/appelconsenti.js"
        data-cle="pub_votre_cle" data-theme="clair" defer></script>
<div id="appel-consenti"></div>

La clé et le texte affichés sont propres à votre compte : le code exact vous est remis après publication, dans votre espace.

Cinq sites, un widget

Le formulaire s’isole des styles du site qui l’accueille : couleurs criardes, colonnes étroites ou mode sombre, il reste lui-même. Captures prises sur des pages de démonstration, entreprises et données fictives.

Thème et surcharge CSS

Deux thèmes se choisissent par l’attribut data-theme du script, clair ou sombre. Le widget ne déduit jamais le thème du site hôte : c’est vous qui décidez, le rendu reste stable.

Pour aller plus loin, ses classes CSS sont stables et publiques : .ac-widget pour le cadre, .ac-mentions pour les mentions, .ac-actions pour les boutons, .ac-attribution pour la signature. Une règle posée dans votre feuille de styles avec une spécificité supérieure prime sur celles du widget :

#appel-consenti .ac-widget {
  border-radius: 0;
  font-family: Georgia, serif;
}
#appel-consenti .ac-widget button {
  border-color: #1e3a5f;
  color: #1e3a5f;
}

Deux limites, qui protègent la validité de vos recueils : les mentions de l’article R. 223-1 doivent rester lisibles, et les boutons d’accord et de refus équivalents. Un formulaire qui masque l’information ou oriente le choix fragilise chaque preuve recueillie avec lui.

Léger, muet, accessible

Un script tiers s'invite sur votre site : voilà ce qu'il s'engage à ne pas faire.

• Moins de 10 Ko, aucune dépendance. Du JavaScript natif dans un seul fichier, chargé en différé : le rendu de votre page ne l'attend pas, une porte de fusion bloque tout dépassement de poids à chaque évolution.
• Aucun cookie, aucun pistage. Deux requêtes, pas une de plus : la configuration au chargement, le dépôt du choix au clic. Vos visiteurs qui passent sans répondre ne génèrent rien.
• Vos styles restent les vôtres. Le widget se repeint lui-même de bout en bout et n'écrit rien hors de son cadre : un site aux CSS agressifs ne le déforme pas, et réciproquement.
• Accessible au clavier et au lecteur d’écran. Champs étiquetés, focus visible, cibles tactiles de 44 pixels, erreurs et confirmations annoncées. Le contrat d'accessibilité est testé à chaque build.
• Le recueil est verrouillé par domaine. Le formulaire ne sert et n'accepte de consentements que depuis les domaines que vous avez déclarés : votre clé publique copiée ailleurs ne sert à rien. Un domaine oublié se voit dès l'affichage, le widget indique quoi ajouter.

Prévenu à chaque accord

Un accord recueilli est un prospect qui attend votre appel. Plutôt que de guetter votre registre, faites-vous prévenir au moment même où il est donné.

• Un e-mail dès l’accord. Le numéro à rappeler, la date de l'accord, son échéance de validité et le lien vers la fiche du registre, envoyés à l'adresse de votre choix. Une case à cocher dans la configuration du recueil, incluse à tous les paliers.
• Un webhook signé pour vos outils. Aux paliers Pro et Agence, chaque accord est aussi poussé vers l'URL de votre choix : un appel signé, vérifiable avec votre secret, que votre CRM ou votre tableur connecté reçoit sans intervention. Le contenu et la signature sont documentés dans l'application.
• Le registre reste la référence. La notification est un signal, jamais une condition : si votre messagerie ou votre outil est en panne, la preuve s'enregistre exactement pareil et le visiteur voit sa confirmation sans délai.

Pour que le statut s'affiche directement sur vos fiches contacts : l'intégration CRM, de HubSpot au CRM maison.

Sans site : la page hébergée

Pas de site, ou pas la main dessus ? Votre compte comprend une page de recueil hébergée chez nous, à votre nom, qui affiche le même formulaire avec les mêmes mentions. Le lien se met dans une signature d'e-mail, sur un devis ou un profil réseau. S'y ajoutent le lien envoyé par SMS et la consignation d'un accord donné oralement pendant un appel.

Les quatre voies de recueil, avec ce que chacune prouve : les parcours détaillés, du recueil au contrôle.

Pour aller plus loin

Du formulaire au registre