Integrer le widget Waazi sur votre site web et votre app mobile Flutter

<script>
  (function(w,a,z){
    w.WaaziWidget=z;w[z]=w[z]||function(){
    (w[z].q=w[z].q||[]).push(arguments)};
    var s=a.createElement('script');
    s.async=1;s.src='https://cdn.waazi.io/widget.js';
    a.head.appendChild(s);
  })(window,document,'waazi');

  waazi('init', { projectId: 'VOTRE_PROJECT_ID' });
</script>

waazi('init', {
  projectId: 'VOTRE_PROJECT_ID',
  position: 'bottom-right',      // ou 'bottom-left'
  locale: 'fr',                   // 'fr', 'en'
  theme: 'auto',                  // 'light', 'dark', 'auto'
  primaryColor: '#0D9488',        // votre couleur de marque
  greeting: 'Bonjour ! Comment pouvons-nous vous aider ?',
  avatar: '/team-avatar.png',     // avatar de l'equipe
});

waazi('identify', {
  email: 'client@example.com',
  name: 'Amadou Diallo',
  phone: '+225 07 00 00 00',
  plan: 'premium',
  // ajoutez vos propres attributs
  orderId: 'CMD-12345',
});

// components/WaaziWidget.tsx
'use client'
import { useEffect } from 'react'

export function WaaziWidget() {
  useEffect(() => {
    const script = document.createElement('script')
    script.src = 'https://cdn.waazi.io/widget.js'
    script.async = true
    script.onload = () => {
      window.waazi?.('init', { projectId: 'VOTRE_PROJECT_ID' })
    }
    document.head.appendChild(script)
  }, [])

  return null
}

dependencies:
  waazi_sdk: ^1.0.0

import 'package:waazi_sdk/waazi_sdk.dart';

void main() {
  Waazi.init(
    projectId: 'VOTRE_PROJECT_ID',
    locale: 'fr',
  );
  runApp(MyApp());
}

import 'package:waazi_sdk/waazi_sdk.dart';

class SupportPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: Text('Support')),
      body: WaaziChatWidget(
        theme: WaaziTheme.auto,
        locale: 'fr',
      ),
    );
  }
}

Scaffold(
  floatingActionButton: WaaziFAB(
    onUnreadCount: (count) {
      // Mettez a jour votre badge
    },
  ),
  body: YourContent(),
);

Waazi.identify(
  email: 'client@example.com',
  name: 'Fatou Sow',
  phone: '+221 77 000 00 00',
  attributes: {
    'plan': 'premium',
    'city': 'Dakar',
  },
);

Waazi.configurePush(
  fcmToken: await FirebaseMessaging.instance.getToken(),
);