Par l'équipe Pore Clogging Checker · Dernière mise à jour 2026-09-17
Oui — le widget est gratuit pour tout site et son ajout prend deux lignes de HTML. Vos visiteurs vérifient les ingrédients sans quitter votre page ; l'analyse s'exécute entièrement dans leur navigateur, sans clé API, sans compte et sans collecte de données.
Choisissez vos options, vérifiez l'aperçu en direct, puis copiez le code généré.
Aperçu en direct
Votre code d'intégration
<div data-pore-clogging-checker></div> <script src="https://porecloggingchecker.app/widget.js" defer></script>
Passez les réglages en attributs data sur le div conteneur. Tout est facultatif.
| Option | Valeurs | Effet |
|---|---|---|
data-locale | en · zh · ja · ko | Langue de l'interface du widget : en, zh, ja, ko, fr ou es. Par défaut : langue du navigateur du visiteur. |
data-theme | light · dark · system | Force le style clair ou sombre, ou system pour suivre l'appareil du visiteur. Par défaut : system. |
data-prefill | Aqua, Glycerin, Cocos Nucifera Oil ... | Préremplit le champ avec une liste d'ingrédients — parfait pour analyser un produit précis dans votre article. |
Dans l'éditeur de blocs, ajoutez un bloc HTML personnalisé et collez les deux lignes. Dans l'éditeur classique, passez sur l'onglet Texte avant de coller. Si votre thème supprime les scripts, utilisez une extension d'extraits de code comme WPCode et placez la balise script sur tout le site.
Dans l'admin, allez dans Boutique en ligne > Pages, ouvrez la page et utilisez le bouton Afficher le HTML (<>) de l'éditeur de texte enrichi pour coller l'extrait. Pour l'ensemble du thème, ajoutez une section Liquid personnalisée dans l'éditeur de thème.
Ajoutez un bloc de code à l'endroit voulu et collez les deux lignes. Squarespace n'exécute les balises script que sur le site en ligne : prévisualisez dans une fenêtre privée après enregistrement.
Ajoutez un élément Embed HTML (icône + > Intégrer > Embed HTML), collez les deux lignes dans le panneau de code et redimensionnez l'élément à environ 760px de large pour laisser de la place à l'outil.
Ouvrez l'éditeur d'article, ajoutez une carte HTML et collez les deux lignes. Ghost exécute le script sur l'article publié ; le widget apparaît après enregistrement, sur la page en ligne.
Collez les deux lignes n'importe où dans votre balisage — l'ordre de chargement n'a pas d'importance. Le loader est un JavaScript vanilla sans dépendance qui monte chaque conteneur trouvé.
Oui. Pas de clé API, pas de limite de débit, pas d'offre payante. Le vérificateur s'exécute dans le navigateur de chaque visiteur : les coûts d'hébergement restent proches de zéro et le widget reste gratuit.
Non. Les listes d'ingrédients sont analysées localement dans le navigateur et jamais envoyées à nos serveurs. Le widget ne pose aucun cookie publicitaire ni de pistage.
Le loader fait environ 80 lignes de JavaScript vanilla chargé en defer, et l'iframe est chargée en différé. Votre page s'affiche normalement et le widget ne se charge qu'au défilement dans le viewport.
Le widget s'adapte à la largeur de votre page et suit la préférence clair/sombre du visiteur (ou forcez un mode avec data-theme). Pour aller plus loin, le loader est assez petit pour être lu et auto-hébergé.