Par <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;900&display=swap" rel="stylesheet">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #F2F2F2;
}
.chart-container {
position: relative;
margin: auto;
height: 300px;
width: 100%;
max-width: 400px;
}
.kpi-card {
background-color: #00A1E4;
color: white;
border-radius: 0.75rem;
padding: 1.5rem;
text-align: center;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.card {
background-color: white;
border-radius: 0.75rem;
padding: 1.5rem;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.btn {
display: inline-block;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
font-weight: 600;
text-align: center;
transition: background-color 0.3s ease, transform 0.2s ease;
cursor: pointer;
}
.btn-primary {
background-color: #0077C0;
color: white;
}
.btn-primary:hover {
background-color: #005082;
transform: scale(1.05);
}
.flow-step {
display: flex;
align-items: center;
justify-content: center;
padding: 1rem;
border-radius: 0.5rem;
background-color: #e0f2fe;
color: #005082;
font-weight: 600;
text-align: center;
}
.flow-arrow {
font-size: 2rem;
color: #00A1E4;
margin: 0 1rem;
align-self: center;
}
</style><div class="container mx-auto p-4 md:p-8 max-w-6xl">
<header class="text-center mb-12 md:mb-16">
<p class="text-lg md:text-xl text-gray-700 max-w-3xl mx-auto">Transformez votre expertise Google My Business en une machine à revenus récurrents et 100% passifs, sans effort technique avec l’affiliation standard téléphonique IA et l’affiliation WhatsApp IA.</p>
</header>
<section class="mb-12 md:mb-16">
<div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">
<div class="kpi-card">
<div class="text-5xl font-black">2</div>
<div class="text-lg mt-2">Offres Complémentaires</div>
</div>
<div class="kpi-card">
<div class="text-5xl font-black">100%</div>
<div class="text-lg mt-2">Revenus Passifs</div>
</div>
<div class="kpi-card">
<div class="text-5xl font-black">0</div>
<div class="text-lg mt-2">Compétence Technique Requise</div>
</div>
</div>
</section>
<section class="mb-12 md:mb-16 card">
<p class="text-2xl md:text-3xl font-bold text-center mb-8 text-[#005082]">Votre Opportunité en 3 Étapes Simples</p>
<div class="flex flex-col md:flex-row items-center justify-center">
<div class="flow-step">1. Identifiez le problème client</div>
<div class="flow-arrow transform rotate-90 md:rotate-0">→</div>
<div class="flow-step mt-4 md:mt-0">2. Présentez la solution clé en main</div>
<div class="flow-arrow transform rotate-90 md:rotate-0">→</div>
<div class="flow-step mt-4 md:mt-0">3. Encaissez vos commissions récurrentes</div>
</div>
</section>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-8">
<article class="card">
<h2 class="text-2xl font-bold text-[#0077C0] mb-2">Affiliation Agent conversationnel téléphonique IA</h2>
<p class="text-gray-600 mb-6">Ne laissez plus jamais vos clients perdre un appel. Transformez une douleur majeure en une source de revenus.</p>
<div class="mb-6">
<h4 class="font-semibold text-center mb-2">La réalité des PME sans solution</h4>
<p class="text-sm text-gray-500 text-center mb-4">Une grande partie des appels importants sont manqués ou mal gérés, impactant directement le chiffre d’affaires.</p>
<div class="chart-container">
<canvas id="phonePainChart"></canvas>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold mb-2 text-gray-800">✅ Avantages Client</h4>
<ul class="list-disc list-inside text-gray-600 space-y-1">
<li>Aucun appel manqué</li>
<li>Image plus professionnelle</li>
<li>Gain de temps et productivité</li>
<li>Flexibilité et coûts réduits</li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-2 text-gray-800">💰 Avantages Affilié</h4>
<ul class="list-disc list-inside text-gray-600 space-y-1">
<li>Revenus mensuels récurrents</li>
<li>100% passif après la vente</li>
<li>Vente facile (problème universel)</li>
<li>Offre complémentaire parfaite</li>
</ul>
</div>
</div>
<div class="text-center mt-8">
<a href="http://digit-mentor.com/go/airagent" target="_blank" class="btn btn-primary">S’inscrire à l’Affiliation Téléphonie IA</a>
</div>
</article>
<article class="card">
<h2 class="text-2xl font-bold text-[#0077C0] mb-2">Affiliation Chatbot IA pour WhatsApp</h2>
<p class="text-gray-600 mb-6">Automatisez la relation client sur WhatsApp et capturez chaque lead, 24h/24 et 7j/7.</p>
<div class="mb-6">
<h4 class="font-semibold text-center mb-2">L’explosion des messages instantanés</h4>
<p class="text-sm text-gray-500 text-center mb-4">Le volume de messages explose, mais la capacité de réponse manuelle stagne, créant une perte d’opportunités.</p>
<div class="chart-container">
<canvas id="whatsappPainChart"></canvas>
</div>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 gap-6">
<div>
<h4 class="font-semibold mb-2 text-gray-800">✅ Avantages Client</h4>
<ul class="list-disc list-inside text-gray-600 space-y-1">
<li>Disponibilité 24/7</li>
<li>Expérience client améliorée</li>
<li>Automatisation des tâches</li>
<li>Qualification des leads</li>
</ul>
</div>
<div>
<h4 class="font-semibold mb-2 text-gray-800">💰 Avantages Affilié</h4>
<ul class="list-disc list-inside text-gray-600 space-y-1">
<li>Revenus mensuels stables</li>
<li>Zéro gestion technique</li>
<li>Solution innovante et demandée</li>
<li>Synergie parfaite avec GMB</li>
</ul>
</div>
</div>
<div class="text-center mt-8">
<a href="http://digit-mentor.com/go/whatsx" target="_blank" class="btn btn-primary">S’inscrire l’Affiliation WhatsApp IA</a>
</div>
</article>
</div>
<section class="mt-12 md:mt-16 card">
<h2 class="text-2xl md:text-3xl font-bold text-center mb-8 text-[#005082]">Projetez vos Revenus Passifs</h2>
<p class="text-center text-gray-600 max-w-2xl mx-auto mb-8">En signant seulement deux clients par mois pour chaque offre, visualisez la croissance exponentielle de vos revenus récurrents.</p>
<div class="chart-container" style="max-width: 800px; height: 400px;">
<canvas id="revenueGrowthChart"></canvas>
</div>
</section>Questions Fréquentes sur l’Affiliation en Téléphonie IA
Qu’est-ce qu’un standard téléphonique IA et comment fonctionne-t-il ?
Un standard téléphonique IA, ou agent conversationnel, est un système automatisé qui utilise l’intelligence artificielle pour répondre aux appels, qualifier des prospects ou prendre des rendez-vous sans intervention humaine. Contrairement à un répondeur classique, il engage une véritable conversation naturelle avec l’interlocuteur, 24/7, garantissant de ne jamais manquer une opportunité commerciale.
Quel est le revenu potentiel réel avec ce type d’affiliation ?
Le revenu dépend du programme d’affiliation, mais les meilleurs offrent des commissions récurrentes allant jusqu’à 30% à vie. La clé est la nature de l’abonnement : vous êtes payé tant que votre client utilise le service, ce qui vous permet de construire un revenu passif stable et croissant.
La mise en place est-elle complexe pour mes clients ?
Non. Votre rôle en tant qu’affilié se limite à la recommandation. La configuration technique, l’intégration et le support sont entièrement gérés par le fournisseur de la solution IA. Le service est clé en main pour le client final.
</div>
<script>
const tooltipTitleCallback = (tooltipItems) => {
const item = tooltipItems[0];
let label = item.chart.data.labels[item.dataIndex];
if (Array.isArray(label)) {
return label.join(' ');
}
return label;
};
const defaultChartOptions = {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
position: 'bottom',
},
tooltip: {
callbacks: {
title: tooltipTitleCallback
}
}
}
};
const phonePainCtx = document.getElementById('phonePainChart').getContext('2d');
new Chart(phonePainCtx, {
type: 'doughnut',
data: {
labels: ['Appels Manqués ou Mal Gérés', 'Appels Traités Correctement'],
datasets: [{
label: 'Gestion des Appels',
data: [65, 35],
backgroundColor: ['#0077C0', '#B3E5FC'],
borderColor: '#FFFFFF',
borderWidth: 2
}]
},
options: { ...defaultChartOptions }
});
const whatsappPainCtx = document.getElementById('whatsappPainChart').getContext('2d');
new Chart(whatsappPainCtx, {
type: 'line',
data: {
labels: ['Année -3', 'Année -2', 'Année -1', 'Aujourd\'hui'],
datasets: [{
label: 'Volume de Messages Reçus',
data: [100, 180, 350, 600],
borderColor: '#00A1E4',
backgroundColor: 'rgba(0, 161, 228, 0.2)',
fill: true,
tension: 0.4
}, {
label: 'Capacité de Réponse Manuelle',
data: [100, 110, 115, 120],
borderColor: '#FF6B6B',
backgroundColor: 'rgba(255, 107, 107, 0.2)',
fill: false,
tension: 0.4
}]
},
options: { ...defaultChartOptions }
});
const revenueGrowthCtx = document.getElementById('revenueGrowthChart').getContext('2d');
const commissionPhone = 25;
const commissionChatbot = 20;
const months = ['Mois 1', 'Mois 3', 'Mois 6', 'Mois 9', 'Mois 12'];
const phoneRevenue = months.map((_, i) => (i === 0 ? 1 : i * 2 + 1) * 2 * commissionPhone);
const chatbotRevenue = months.map((_, i) => (i === 0 ? 1 : i * 2 + 1) * 2 * commissionChatbot);
new Chart(revenueGrowthCtx, {
type: 'bar',
data: {
labels: months,
datasets: [{
label: 'Revenus Offre Téléphonie (€)',
data: phoneRevenue,
backgroundColor: '#0077C0',
}, {
label: 'Revenus Offre Chatbot (€)',
data: chatbotRevenue,
backgroundColor: '#00A1E4',
}]
},
options: {
...defaultChartOptions,
scales: {
x: {
stacked: true,
},
y: {
stacked: true,
beginAtZero: true,
title: {
display: true,
text: 'Revenus Mensuels Récurrents (€)'
}
}
}
}
});
</script>