T
Tooltastic
Sales Popup Installationsanleitung — Tooltastic

Installationsanleitung

Schritt-für-Schritt: Sales Popup auf deiner Website einrichten.

1

1. Konto erstellen

Registriere dich kostenlos auf tooltastic.eu und bestätige deine E-Mail-Adresse.

2

2. API Key erstellen

Gehe zu Dashboard → API-Zugangsdaten und erstelle einen neuen API Key. Kopiere den Key — er wird nur einmal angezeigt.

3

3. Kampagne einrichten

Gehe zu Dashboard → Sales Popup und erstelle eine neue Kampagne. Konfiguriere Design, Benachrichtigungstypen und Verhalten.

4

4. Datenpool befüllen

Füge Einträge hinzu (Namen, Produkte, Bewertungen) oder nutze die vordefinierten Standard-Pools.

5

5. Widget einbinden

Kopiere das JavaScript-Snippet und füge es vor dem schließenden -Tag deiner Website ein:

Einbindung per HTML

Füge diesen Code auf jeder Seite ein, auf der das Popup erscheinen soll:

<script src="https://tooltastic.eu/widget/sales-popup.js"
        data-key="DEIN_API_KEY"
        data-campaign="KAMPAGNEN_UUID"
        defer></script>

Die Kampagnen-UUID findest du im Dashboard unter Kampagnen-Manager → Einbinden.

WordPress Plugin

Lade das Tooltastic Sales Popup Plugin herunter, installiere es und gib deinen API Key unter Einstellungen → Tooltastic Sales Popup ein.

Tooltastic Sales Popup

WordPress Plugin · v1.0.0

Herunterladen

1. ZIP herunterladen → WordPress-Admin → Plugins → Installieren → Plugin hochladen

2. Einstellungen → Tooltastic Sales Popup → API Key und Kampagnen-ID eingeben

React / SPA

Lade das Script dynamisch in deiner App-Komponente:

useEffect(() => {
  // Load Tooltastic Sales Popup
  var script = document.createElement('script');
  script.src = 'https://tooltastic.eu/widget/sales-popup.js';
  script.setAttribute('data-key', 'DEIN_API_KEY');
  script.setAttribute('data-campaign', 'KAMPAGNEN_UUID');
  script.defer = true;
  document.body.appendChild(script);

  return () => document.body.removeChild(script);
}, []);

Tipps

  • Das Script lädt asynchron und blockiert nicht das Rendering deiner Seite.
  • Platziere das Script am besten kurz vor für optimale Ladezeit.
  • Das Widget nutzt Shadow DOM — es beeinflusst dein bestehendes CSS nicht.
  • Konfigurationsänderungen im Dashboard werden nach 5 Minuten automatisch übernommen.