Por el equipo de Pore Clogging Checker · Última actualización 2026-09-17
Sí: el widget es gratis para cualquier sitio web y añadirlo toma dos líneas de HTML. Tus visitantes comprueban ingredientes sin salir de tu página; el análisis se ejecuta totalmente en su navegador, sin clave API, sin cuenta y sin recogida de datos.
Elige tus opciones, revisa la vista previa en vivo y copia el código generado.
Vista previa en vivo
Tu código de incrustación
<div data-pore-clogging-checker></div> <script src="https://porecloggingchecker.app/widget.js" defer></script>
Pasa los ajustes como atributos data en el div contenedor. Todo es opcional.
| Opción | Valores | Qué hace |
|---|---|---|
data-locale | en · zh · ja · ko | Idioma de la interfaz del widget: en, zh, ja, ko, fr o es. Por defecto, el idioma del navegador del visitante. |
data-theme | light · dark · system | Fuerza el estilo claro u oscuro, o system para seguir el dispositivo del visitante. Por defecto: system. |
data-prefill | Aqua, Glycerin, Cocos Nucifera Oil ... | Prerellena el campo con una lista de ingredientes — perfecto para revisar un producto concreto en tu artículo. |
En el editor de bloques, añade un bloque HTML personalizado y pega las dos líneas. En el editor clásico, cambia a la pestaña Texto antes de pegar. Si tu tema elimina los scripts, usa un plugin de fragmentos de código como WPCode y coloca la etiqueta script en todo el sitio.
En el panel de administración, ve a Tienda online > Páginas, abre la página y usa el botón Mostrar HTML (<>) del editor de texto enriquecido para pegar el fragmento. Para todo el tema, añade una sección Liquid personalizada en el editor de temas.
Añade un bloque de código donde quieras que aparezca el widget y pega las dos líneas. Squarespace solo ejecuta las etiquetas script en el sitio publicado: previsualiza en una ventana privada después de guardar.
Añade un elemento Embed HTML (icono + > Incrustar > Embed HTML), pega las dos líneas en el panel de código y redimensiona el elemento a unos 760 px de ancho para que la herramienta tenga espacio.
Abre el editor de entradas, añade una tarjeta HTML y pega las dos líneas. Ghost ejecuta el script en la entrada publicada; el widget aparece tras guardar y ver la página en vivo.
Pega las dos líneas en cualquier parte de tu marcado — el orden de carga no importa. El cargador es JavaScript vanilla sin dependencias que monta cada contenedor que encuentra.
Sí. No hay clave API, ni límite de uso, ni plan de pago. El comprobador se ejecuta en el navegador de cada visitante, así que los costes de alojamiento se mantienen cerca de cero y el widget sigue siendo gratis.
No. Las listas de ingredientes se analizan localmente en el navegador y nunca se envían a nuestros servidores. El widget no instala cookies propias de publicidad ni de rastreo.
El cargador tiene unas 80 líneas de JavaScript vanilla cargado con defer, y el iframe se carga de forma diferida. Tu página se muestra con normalidad y el widget solo se carga cuando entra en pantalla.
El widget se adapta al ancho de tu página y sigue la preferencia clara/oscura del visitante (o fuerza una con data-theme). Para un ajuste más profundo, el cargador es lo bastante pequeño para leerse y alojarlo por tu cuenta.