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 15 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: < 5 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

🛍️

Shopify

Paste the code in your theme.liquid file before </body>. Works with all themes.

Installation Steps:

1. Shopify Admin → Online Store → Themes 2. Actions → Edit Code 3. Find theme.liquid 4. Paste code before </body> 5. Save

🛒

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