Installiere TickAI in Minuten

Die Installation von TickAI ist auf jeder Plattform gleich: Du fügst ein Snippet in den <head> deiner Website ein. Es lädt asynchron (keine Verlangsamung), bearbeitet nie deine Quelldateien, und du kannst es jederzeit entfernen, um alle Abzeichen zu entfernen.

1. Erstelle ein kostenloses Konto und füge deine Website unter Websites hinzu.
2. Öffne Einstellungen -> Installieren und kopiere dein eindeutiges Snippet - es sieht so aus (in deinem echten sind dein Projekt und die Website-ID eingetragen):

<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>

Die data-config-URL verweist auf eine kleine Datei, die wir mit den von dir freigegebenen Abzeichen aktuell halten - das Snippet selbst muss nie wieder geändert werden.

Option A - Theme-Code bearbeiten (funktioniert heute)

1. Gehe im Shopify-Admin zu Onlineshop -> Themes.
2. Finde das Theme, in dem du TickAI installieren möchtest. Wenn du zuerst eine Sicherheitskopie möchtest, dupliziere das Theme vor der Bearbeitung.
3. Klicke bei diesem Theme auf ... und wähle Code bearbeiten.
4. Öffne in der Dateiliste links layout/theme.liquid. Das ist meist die gemeinsame Layout-Datei für den ganzen Shop.
5. Finde das schließende </head>-Tag und füge dein TickAI-Snippet unmittelbar darüber ein.
6. Klicke auf Speichern.
7. Öffne deinen Shop und sieh dir zur Kontrolle den Seitenquelltext an, um zu bestätigen, dass das Snippet jetzt im <head> erscheint.

Wenn du unsicher bist, welche Shopify-Datei du verwenden sollst, beginne mit layout/theme.liquid, da sie meist über das ganze Theme geladen wird.

Option B - Theme-App-Einbettung

1. Gehe im Shopify-Admin zu Onlineshop -> Themes -> Anpassen.
2. Öffne App-Einbettungen, finde TickAI und schalte es ein.
3. Speichere deine Änderungen.

Die Ein-Klick-App-Einbettung kommt bald. Nutze bis dahin Option A.

Option A - Header-Skripte-Plugin (am einfachsten)

1. Installiere ein Plugin wie WPCode oder Insert Headers and Footers.
2. Füge dein Snippet in das Header-Feld des Plugins ein. Speichern.

Option B - Theme-Header

1. Bearbeite in einem Child-Theme die header.php und füge das Snippet vor </head> ein.

WooCommerce-Shops sind einfach WordPress - beide Optionen funktionieren.

1. Gehe in deinem Wix-Dashboard zu Einstellungen -> Benutzerdefinierter Code.
2. Klicke auf + Benutzerdefinierten Code hinzufügen und füge dein Snippet ein.
3. Setze Code platzieren in: Head, wende es auf Alle Seiten an, lade es einmal und übernimm.

1. Gehe zu Einstellungen -> Erweitert -> Code-Injektion.
2. Füge dein Snippet in das Feld Header ein und speichere.

Die Code-Injektion ist in den Tarifen Business und Commerce verfügbar.

Bei einer individuell gebauten Website füge das Snippet in den <head> jeder Seite ein, meist in eine gemeinsame Header-Vorlage oder Layout-Datei.

Nutzt du Google Tag Manager? Erstelle ein Custom-HTML-Tag, füge das Snippet ein und lass es auf Alle Seiten auslösen.

Wenn du deine Website mit einem KI-Coding-Assistenten baust oder pflegst, kannst du ihn die Installation übernehmen lassen. Am schnellsten geht es in der App: öffne Einstellungen -> Installieren und klicke auf „Agenten-Anweisungen kopieren“ - du erhältst einen fertigen Prompt, in dem das echte Snippet deiner Website bereits eingetragen ist.

Lieber von hier kopieren? Nutze den Prompt unten und ersetze zuerst deine data-config-URL aus Einstellungen -> Installieren.

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.

Der Agent fügt nur ein Skript-Tag in deinen Header ein - er braucht nie Zugriff auf dein TickAI-Konto. Wenn er fertig ist, deploye oder veröffentliche deine Website und aktiviere das Overlay in den Einstellungen, damit freigegebene Abzeichen erscheinen.

Schalte in den Einstellungen „Abzeichen live auf meiner Website anwenden“ ein. Nichts erscheint öffentlich, bis dies aktiv ist, sodass du zuerst alles privat prüfen kannst. In den kostenpflichtigen Tarifen verfügbar.

Zwei offizielle Kennzeichnungen werden automatisch angewendet - KI-Generiert für vollständig synthetische Inhalte und KI-Verändert für wesentlich veränderte echte Inhalte.

Lass für den Stil „Besten Stil automatisch wählen“ aktiviert, und wir wählen für jedes Bild den lesbarsten der vier offiziellen Stile - oder erzwinge einen einzelnen Stil passend zu deiner Marke.

Du behältst immer die Kontrolle pro Bild. Wenn du einen Inhalt prüfst, bestätigst du seine Kennzeichnung, die das angezeigte Icon bestimmt - und nichts geht live, bevor du es freigegeben hast.

Möchtest du Abzeichen nur EU-Besuchern zeigen? Aktiviere das EU-Geo-Targeting in den Einstellungen (Pro und höher). Die Region wird am Edge aufgelöst, und es werden keine Besucherdaten gespeichert.

1. Gib in deinem Dashboard mindestens einen Inhalt für die Kennzeichnung frei.
2. Besuche auf deiner Live-Website eine Seite, die dieses Bild zeigt - das Abzeichen erscheint innerhalb von ein bis zwei Minuten (CDN-Verbreitung).
3. Erscheint es nicht? Prüfe, ob das Snippet im <head> dieser Seite ist und ob die Auslieferung in den Einstellungen aktiviert ist.