Instala TickAI en minutos
Instala, configura y verifica en cuatro pasos breves. Sea cual sea la tecnología de tu sitio, la idea es la misma: pega un pequeño fragmento y luego da estilo a tus insignias desde el panel.
Resumen
Instalar TickAI es igual en todas las plataformas: añades un fragmento al <head> de tu sitio. Se carga de forma asíncrona (sin ralentización), nunca edita tus archivos fuente y puedes quitarlo en cualquier momento para eliminar todas las insignias.
- Crea una cuenta gratis y añade tu sitio en Sitios.
- Abre Ajustes -> Instalar y copia tu fragmento único: tiene este aspecto (el tuyo real lleva rellenados tu proyecto y el ID del sitio):
<script src="https://www.tickai.co/api/badge-overlay" data-config="https://<your-project>.supabase.co/storage/v1/object/public/badge-configs/<your-site-id>.json" async ></script>
La URL data-config apunta a un pequeño archivo que mantenemos actualizado con las insignias que has aprobado; el fragmento en sí no vuelve a necesitar cambios.
Cómo instalar
Elige tu plataforma: cada una solo necesita que pegues el fragmento en el lugar correcto.
Shopify
Opción A - Editar el código del tema (funciona hoy)
- En el panel de Shopify, ve a Tienda online -> Temas.
- Busca el tema en el que quieres instalar TickAI. Si prefieres una copia de seguridad, duplica el tema antes de editarlo.
- En ese tema, haz clic en ... y elige Editar código.
- En la lista de archivos de la izquierda, abre
layout/theme.liquid. Suele ser el archivo de diseño compartido de toda la tienda. - Busca la etiqueta de cierre
</head>y pega tu fragmento de TickAI justo encima de ella. - Haz clic en Guardar.
- Abre tu tienda y, si quieres comprobarlo, mira el código fuente de la página para confirmar que el fragmento ya aparece dentro del
<head>.
Si no estás seguro de qué archivo de Shopify usar, empieza por layout/theme.liquid porque suele cargarse en todo el tema.
Opción B - Integración de app del tema
- En el panel de Shopify, ve a Tienda online -> Temas -> Personalizar.
- Abre Integraciones de apps, busca TickAI y actívalo.
- Guarda los cambios.
La ruta de integración de un clic llegará pronto. Hasta entonces, usa la opción A.
WordPress y WooCommerce
Opción A - Plugin de scripts de cabecera (lo más fácil)
- Instala un plugin como WPCode o Insert Headers and Footers.
- Pega tu fragmento en la caja de cabecera del plugin. Guarda.
Opción B - Cabecera del tema
- En un tema hijo, edita
header.phpy pega el fragmento antes de</head>.
Las tiendas de WooCommerce son simplemente WordPress: cualquiera de las opciones funciona.
Wix
- En tu panel de Wix, ve a Ajustes -> Código personalizado.
- Haz clic en + Añadir código personalizado y pega tu fragmento.
- Establece Colocar el código en: Head, aplícalo a Todas las páginas, cárgalo una vez y aplica.
Squarespace
- Ve a Ajustes -> Avanzado -> Inyección de código.
- Pega tu fragmento en la caja de Cabecera y guarda.
La inyección de código está disponible en los planes Business y Commerce.
Cualquier otro sitio (personalizado o vía GTM)
Para un sitio a medida, pega el fragmento en el <head> de cada página, normalmente en una plantilla de cabecera o un archivo de diseño compartido.
¿Usas Google Tag Manager? Crea una etiqueta HTML personalizado, pega el fragmento y configúrala para que se dispare en todas las páginas.
¿Usas un agente de IA?
Si creas o mantienes tu sitio con un asistente de programación de IA, puedes dejar que haga la instalación. La forma más rápida es desde la aplicación: abre Ajustes -> Instalar y haz clic en «Copiar instrucciones para el agente»: obtendrás una instrucción lista con el fragmento real de tu sitio ya rellenado.
¿Prefieres copiar desde aquí? Usa la instrucción de abajo y primero sustituye tu URL data-config desde Ajustes -> Instalar.
You are helping install the "TickAI" disclosure widget on my website. Task: add the following script tag to the <head> of every page - ideally in the shared site-wide layout, header template, or theme header so it loads on all pages. Insert it just before the closing </head> tag. Do not modify, remove, or reformat any other code. <script src="https://www.tickai.co/api/badge-overlay" data-config="PASTE_YOUR_DATA_CONFIG_URL_HERE" async ></script> Notes: - Replace PASTE_YOUR_DATA_CONFIG_URL_HERE with the data-config URL from my TickAI dashboard (Settings -> Install). Keep the rest exactly as-is. - If the site uses Google Tag Manager, instead create a Custom HTML tag containing this snippet and set it to fire on All Pages. - The script must load on every page, only once. When done: tell me exactly which file(s) you changed and how to deploy/publish the change.
El agente solo añade una etiqueta de script a tu cabecera; nunca necesita acceso a tu cuenta de TickAI. Cuando termine, despliega o publica tu sitio y activa la superposición en Ajustes para que aparezcan las insignias aprobadas.
Cómo configurar
Una vez instalado, controlas cómo se ven las divulgaciones y dónde aparecen, todo desde tu panel, sin código. Tu fragmento nunca cambia; las actualizaciones se aplican automáticamente.
Activar la superposición
En Ajustes, activa «Aplicar insignias en vivo en mi sitio». No aparece nada públicamente hasta que esto esté activado, así que puedes revisarlo todo en privado primero. Disponible en los planes de pago.
Aspecto de tus insignias
Se aplican automáticamente dos etiquetas oficiales: IA Generada para contenido totalmente sintético e IA Modificada para contenido real sustancialmente alterado.
Para el estilo, mantén activado «Elegir automáticamente el mejor estilo» y elegiremos el más legible de los cuatro estilos oficiales para cada imagen, o fuerza un único estilo para que combine con tu marca.
Control por imagen
Siempre tienes el control por imagen. Cuando revisas un activo, confirmas su etiqueta, lo que decide el icono mostrado, y nada se publica hasta que lo hayas aprobado.
Insignias solo para la UE
¿Prefieres mostrar las insignias solo a visitantes de la UE? Activa la segmentación geográfica de la UE en Ajustes (Pro y superiores). La región se resuelve en el edge y no se almacenan datos de visitantes.
Cómo completar
Verificar que funciona
- Aprueba al menos un activo para divulgación en tu panel.
- Visita una página de tu sitio en vivo que muestre esa imagen: la insignia aparece en uno o dos minutos (propagación de la CDN).
- ¿No aparece? Comprueba que el fragmento está en el
<head>de esa página y que el servicio está activado en Ajustes.
Solución de problemas
Las insignias no aparecen
Comprueba tres cosas: que el servicio esté activado (Ajustes), que la decisión del activo esté aprobada y que hayas dado uno o dos minutos para que la CDN se actualice. Confirma también que el fragmento está en el <head> de esa página.
El fragmento está puesto pero no pasa nada
Asegúrate de que la URL data-config es exactamente la de Ajustes -> Instalar: una sola errata rompe la búsqueda. Abre esa URL en tu navegador; debería devolver JSON, no un error.
La prueba dice que el sitio está bloqueado o protegido
Algunos sitios bloquean las comprobaciones automáticas de servidor a servidor aunque la página esté en vivo. Si usas Cloudflare, un WAF o protección contra bots, confirma que el fragmento está en el código fuente de tu página de inicio y luego prueba en una pestaña normal del navegador.
Una insignia queda en el lugar equivocado o se solapa con el contenido
Las insignias se anclan en la esquina superior derecha de cada imagen. Un tema muy personalizado puede desplazarlas; dinos la página y te ayudaremos a colocarla.
Solo quiero mostrar las insignias a visitantes de la UE
Activa la segmentación geográfica de la UE en Ajustes (Pro y superiores). Resuelve la región en el edge y no almacena datos de visitantes.
Una política de seguridad de contenido (CSP) bloquea el script
Permite https://www.tickai.co en script-src y connect-src. Permite también https://*.supabase.co en connect-src para que la superposición pueda obtener tu JSON de configuración.
Quité el fragmento: ¿queda algo?
No. Quitar el fragmento elimina todas las insignias de inmediato; nunca modificó tus archivos, así que no hay nada más que limpiar.

