Intégrez VocalIA en Minutes
Guides complets, exemples de code et référence API pour déployer vos agents vocaux IA.
Démarrage Rapide
Intégrez le Voice Widget VocalIA sur votre site en moins de 5 minutes. Aucune installation serveur requise, fonctionne avec le Web Speech API du navigateur.
1 Ajoutez le Script
<script src="https://vocalia.ma/voice-assistant/voice-widget-b2b.js?v=2.7.0"
data-vocalia-tenant="VOTRE_TENANT_ID" defer></script>
2 Initialisez le Widget
// Configuration du widget (optionnel)
window.VOCALIA_CONFIG = {
tenant_id: 'votre-tenant-id',
language: 'fr',
persona: 'AGENCY',
position: 'bottom-right',
primaryColor: '#5E6AD2'
};
C'est tout !
Le widget apparaît automatiquement. Vos visiteurs peuvent maintenant interagir vocalement avec votre assistant IA.
Voice Widget
Le Voice Widget se connecte à l'API VocalIA pour offrir un assistant vocal intelligent. Reconnaissance vocale intégrée + moteur IA multi-niveaux. Inclus dans votre abonnement.
Configuration Avancée
VocaliaWidget.init({
// Identifiants
apiKey: 'voc_xxxxxx',
tenantId: 'votre-tenant',
// Langue et voix
language: 'fr', // fr, en, es, ar, ary
voice: 'feminine', // feminine, masculine, neutral
// Persona métier
persona: 'ecommerce', // 50 personas disponibles
// Apparence
theme: {
primaryColor: '#5E6AD2',
position: 'bottom-right',
size: 'medium'
},
// Callbacks
onReady: () => console.log('Widget prêt'),
onTranscript: (text) => console.log('Transcription:', text),
onResponse: (response) => console.log('Réponse IA:', response)
});
Personas Disponibles
Voice Telephony AI
Solution backend complète pour gérer les appels téléphoniques entrants et sortants avec des agents vocaux IA via PSTN + IA temps réel.
Architecture
Tarification
Référence API
API REST pour gérer vos agents, conversations et analytics.
/api/v1/conversations
Liste toutes les conversations de votre tenant.
{
"data": [
{
"id": "conv_xxx",
"duration": 127,
"language": "fr",
"status": "completed"
}
],
"total": 42
}
/api/v1/agents
Crée un nouvel agent vocal avec configuration personnalisée.
{
"name": "Support Client",
"persona": "ecommerce",
"languages": ["fr", "en"],
"knowledge_base_id": "kb_xxx"
}
Exemples de Code
React Integration
import { useEffect } from 'react';
function VoiceAssistant() {
useEffect(() => {
// Charger le script VocalIA
const script = document.createElement('script');
script.src = 'https://vocalia.ma/voice-assistant/voice-widget-b2b.js';
script.dataset.vocaliaTenant = 'votre-tenant-id';
document.body.appendChild(script);
return () => document.body.removeChild(script);
}, []);
return null;
}
Vue.js Integration
<script setup>
import { onMounted, onUnmounted } from 'vue';
onMounted(() => {
const script = document.createElement('script');
script.src = 'https://vocalia.ma/voice-assistant/voice-widget-b2b.js';
script.dataset.vocaliaTenant = 'votre-tenant-id';
document.body.appendChild(script);
});
</script>
SDKs
Besoin d'Aide ?
Notre équipe technique est disponible pour vous accompagner dans votre intégration.