Integraciones e instalación

Funciona en cualquier lugar donde funcione un <script> — desde Shopify hasta builds personalizados

⚡ Widget JavaScript universal

Un snippet de código funciona en cualquier sitio web. Copia, pega, actívalo en 15 minutos.

<!-- Pegar antes de </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 minutos |Requirements: None - Sin necesidad de desarrollador. Sin configuración compleja. Copia el código, pégalo en tu sitio y empieza a recopilar insights de clientes inmediatamente.

Soporte de plataformas

🛍️

Shopify

Pega el código en tu archivo theme.liquid antes de </body>. Funciona con todos los temas.

Pasos de instalación:

1. Shopify Admin → Tienda online → Temas 2. Acciones → Editar código 3. Encuentra theme.liquid 4. Pega el código antes de </body> 5. Guardar

🛒

WooCommerce

Añade el código a tu archivo footer.php o usa un plugin como 'Insert Headers and Footers'.

Pasos de instalación:

1. WordPress Admin → Apariencia → Editor de temas 2. Selecciona footer.php 3. Pega el código antes de </body> 4. Actualizar archivo

🏪

Shopware 6

Añade el código a través de Shopping Experiences o directamente en tu plantilla base.

Pasos de instalación:

1. Shopware Admin → Contenido → Shopping Experiences 2. Edita tu layout 3. Añade elemento HTML con el código 4. Guardar y asignar

⚡

Sitios personalizados/HTML

Funciona con cualquier sitio HTML. Pega el código antes de la etiqueta de cierre </body>.

Pasos de instalación:

1. Edita tu archivo HTML 2. Pega el código antes de </body> 3. Sube a tu servidor 4. El widget se activa inmediatamente

🎨 Opciones de personalización

🎨 Personalización de color

Adapta a los colores de tu marca

📍 Opciones de posición

Elige la posición del widget (abajo-derecha, abajo-izquierda, etc.)

⚡ Triggers y tiempos

Configura triggers y tiempos personalizados

🌍 Detección de idioma

Detecta automáticamente el idioma del visitante

⚙️ Configuración avanzada

Opciones de configuración

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

¿Necesitas ayuda con la integración?

Nuestro equipo proporciona asistencia gratuita de setup para todos los planes. Te ayudaremos a integrar Awareto en tu plataforma.

Obtener ayuda de setup →

O empieza tu prueba gratuita y te guiaremos en el proceso

Start Free Trial