Integrationen & Installation

Funktioniert überall wo ein <script> Tag funktioniert - von Shopify bis Custom Builds

⚡ Universal JavaScript Widget

Ein Code-Snippet funktioniert auf jeder Website. Kopieren, einfügen, in 15 Minuten live.

<!-- Vor </body> einfügen -->
<script src="https://app.awareto.com/widget.min.js"></script>
<script>
  Awareto.init({
    tenantId: 'DEINE_TENANT_ID',
    primaryColor: '#4F46E5',
    position: 'bottom-right'
  });
</script>

Setup Time: < 5 Minuten |Requirements: None - Kein Entwickler erforderlich. Keine komplexe Konfiguration. Code kopieren, in deine Seite einfügen, und du sammelst sofort Awareto.

Plattform-Support

🛍️

Shopify

Füge den Code in deine theme.liquid Datei vor </body> ein. Funktioniert mit allen Themes.

Installationsschritte:

1. Shopify Admin → Online Store → Themes 2. Aktionen → Code bearbeiten 3. theme.liquid finden 4. Code vor </body> einfügen 5. Speichern

🛒

WooCommerce

Füge den Code zu deiner footer.php Datei hinzu oder nutze ein Plugin wie 'Insert Headers and Footers'.

Installationsschritte:

1. WordPress Admin → Design → Theme-Editor 2. footer.php wählen 3. Code vor </body> einfügen 4. Datei aktualisieren

🏪

Shopware 6

Füge den Code über die Shopping Experiences oder direkt in dein Base Template hinzu.

Installationsschritte:

1. Shopware Admin → Inhalte → Shopping Experiences 2. Layout bearbeiten 3. HTML-Element mit Code hinzufügen 4. Speichern und zuweisen

⚡

Custom/HTML-Seiten

Funktioniert mit jeder HTML-Seite. Füge den Code vor dem schließenden </body> Tag ein.

Installationsschritte:

1. HTML-Datei bearbeiten 2. Code vor </body> einfügen 3. Auf Server hochladen 4. Widget geht sofort live

🎨 Anpassungsoptionen

🎨 Farb-Anpassung

Brand-Farben anpassen

📍 Positions-Optionen

Widget-Position wählen (unten-rechts, unten-links, etc.)

⚡ Auslöser & Timing

Custom Trigger und Timing setzen

🌍 Sprach-Erkennung

Erkennt automatisch Besucher-Sprache (Deutsch/Englisch)

⚙️ Erweiterte Konfiguration

Konfigurations-Optionen

<script>
  Awareto.init({
    // Required
    tenantId: 'YOUR_TENANT_ID',
    
    // Appearance
    primaryColor: '#4F46E5',      // Brand color
    position: 'bottom-right',     // bottom-left, bottom-right, bottom-center
    size: 'medium',               // small, medium, large
    
    // Behavior  
    triggerDelay: 3000,           // Show after 3 seconds
    scrollTrigger: 0.5,           // Show after 50% scroll
    exitIntent: true,             // Show on exit intent
    
    // Language
    language: 'auto',             // 'auto', 'de', 'en'
    
    // Advanced
    debug: false,                 // Enable debug logging
    analytics: true,              // Track widget interactions
    customCSS: 'custom-widget'    // Add custom CSS class
  });
</script>

Hilfe bei der Integration?

Unser Team bietet kostenlose Setup-Hilfe für alle Pläne. Wir helfen dir bei der Integration.

Setup-Hilfe erhalten →

Oder starte deine Testphase und wir begleiten dich durch den Prozess

Start Free Trial