Integraties & installatie

Werkt overal waar een <script>-tag werkt - van Shopify tot custom builds

Universele JavaScript-widget

Eén code-snippet werkt op elke website. Kopiëren, plakken, in onder 10 minuten live.

<!-- Vóór </body> plakken -->
<script src="https://app.awareto.com/widget.min.js"></script>
<script>
  Awareto.init({
    tenantId: 'JOUW_TENANT_ID',
    primaryColor: '#4F46E5',
    position: 'bottom-right'
  });
</script>

Setup Time: < 10 minuten |Requirements: None - Geen developer nodig. Geen complexe configuratie. Code kopiëren, in je pagina plakken, en je verzamelt meteen Awareto.

Platform-support

WooCommerce

Voeg de code toe aan je footer.php-bestand of gebruik een plugin zoals 'Insert Headers and Footers'.

Installatiestappen:

1. WordPress Admin → Weergave → Theme-editor 2. footer.php kiezen 3. Code vóór </body> plakken 4. Bestand bijwerken

Shopware 6

Voeg de code toe via de Shopping Experiences of rechtstreeks in je base template.

Installatiestappen:

1. Shopware Admin → Content → Shopping Experiences 2. Layout bewerken 3. HTML-element met code toevoegen 4. Opslaan en toewijzen

Custom/HTML-pagina's

Werkt met elke HTML-pagina. Plak de code vóór de afsluitende </body>-tag.

Installatiestappen:

1. HTML-bestand bewerken 2. Code vóór </body> plakken 3. Naar server uploaden 4. Widget gaat meteen live

Aanpassingsopties

Kleuraanpassing

Brand-kleuren aanpassen

Positie-opties

Widget-positie kiezen (rechtsonder, linksonder, etc.)

Trigger & timing

Custom trigger en timing instellen

Taalherkenning

Herkent automatisch de bezoekerstaal (Duits/Engels)

Geavanceerde configuratie

Configuratie-opties

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

Hulp bij de integratie?

Ons team biedt gratis setup-hulp voor alle plannen. We helpen je bij de integratie.

Setup-hulp krijgen →

Of start je proefperiode en wij begeleiden je door het proces

Start Free Trial