Integrations & Installation

Works everywhere a <script> tag works - from Shopify to custom builds

Universal JavaScript Widget

One code snippet works on any website. Copy, paste, go live in under 10 minutes.

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

Setup Time: < 10 minutes |Requirements: None - No developer required. No complex configuration. Copy the code, paste it in your site, and you're collecting customer insights immediately.

Platform Support

WooCommerce

Add the code to your footer.php file or use a plugin like 'Insert Headers and Footers'.

Installation Steps:

1. WordPress Admin → Appearance → Theme Editor 2. Select footer.php 3. Paste code before </body> 4. Update file

Shopware 6

Add the code via the Shopping Experiences or directly in your base template.

Installation Steps:

1. Shopware Admin → Content → Shopping Experiences 2. Edit your layout 3. Add HTML element with the code 4. Save and assign

Custom/HTML Sites

Works with any HTML site. Paste the code before the closing </body> tag.

Installation Steps:

1. Edit your HTML file 2. Paste code before </body> 3. Upload to your server 4. Widget goes live immediately

Customization Options

Color Customization

Match your brand colors

Position Options

Choose widget position (bottom-right, bottom-left, etc.)

Triggers & Timing

Set custom triggers and timing

Language Detection

Auto-detects visitor language (German/English)

Advanced Configuration

Configuration Options

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

Need Integration Help?

Our team provides free setup assistance for all plans. We'll help you integrate Awareto into your platform.

Get Setup Help →

Or start your free trial and we'll guide you through the process

Start Free Trial