WordPress
In the block editor, add a Custom HTML block and paste the two lines. In the classic editor, switch to the Text tab before pasting. If your theme strips scripts, use a code snippets plugin such as WPCode and place the script tag site-wide.
By the Pore Clogging Checker team · Last updated 2026-09-17
Embed the Pore Clogging Checker on any website
Yes - the widget is free for any website, and adding it takes two lines of HTML. Your visitors check ingredients without leaving your page; the analysis runs entirely in their browser, with no API key, no account and no data collection.
How do I add the widget to my site?
Pick your options, check the live preview, then copy the generated code.
Live preview
Your embed code
<div data-pore-clogging-checker></div> <script src="https://porecloggingchecker.app/widget.js" defer></script>
Which options can I configure?
Pass settings as data attributes on the container div. Everything is optional.
| Option | Values | What it does |
|---|---|---|
data-locale | en · zh · ja · ko | Widget interface language: en, zh, ja, ko, fr or es. Defaults to the visitor's browser language. |
data-theme | light · dark · system | Force light or dark styling, or use system to follow the visitor's device. Defaults to system. |
data-prefill | Aqua, Glycerin, Cocos Nucifera Oil ... | Prefill the input with an ingredient list - perfect for reviewing a specific product in your article. |
How do I add it on WordPress, Shopify and other platforms?
Shopify
In the admin panel, go to Online Store > Pages, open the page, and use the Show HTML button (<>) in the rich text editor to paste the snippet. For theme-wide placement, add a Custom Liquid section in the theme editor.
Squarespace
Add a Code Block where you want the widget to appear and paste both lines. Squarespace only renders script tags on the live site, so preview in a private window after saving.
Wix
Add an Embed HTML element (plus icon > Embed > Embed HTML), then paste the two lines into the code panel and resize the element to roughly 760px wide so the tool has room.
Ghost
Open the post editor, add an HTML card, and paste both lines. Ghost renders the script on the published post; the widget appears after you save and view the live page.
<>Plain HTML
Paste the two lines anywhere in your markup - load order does not matter. The loader is dependency-free vanilla JavaScript and mounts every container it finds.
Frequently asked questions
Is the widget really free?›
Yes. There is no API key, no rate limit and no paid tier. The checker runs in each visitor's browser, so hosting costs stay near zero and the widget stays free.
Does it collect my visitors' data?›
No. Ingredient lists are analyzed locally in the browser and never sent to our servers. The widget sets no advertising or tracking cookies of its own.
Will it slow down my page?›
The loader is about 80 lines of vanilla JavaScript, loaded with defer, and the iframe is lazy-loaded. Your page renders normally and the widget fetches only when it scrolls into view.
Can I customize the styling?›
The widget adapts to your page width and follows the visitor's light/dark preference (or force one with data-theme). For deeper restyling, the loader is small enough to read and self-host.
Sources and further reading
- Fulton JE Jr., Comedogenicity and irritancy of commonly used ingredients in skin care products (Journal of the Society of Cosmetic Chemists, 1989) - the published research behind our 0-5 ratings. PubMed
- Our privacy policy - what the checker does and does not collect. Privacy policy
- The ultimate guide to pore clogging checkers - how the ratings work in practice. Read the complete guide