Comment ça marche ?
Ce site est construit en PHP avec Bootstrap 5 pour le responsive et du JavaScript natif pour les interactions. Le contenu dynamique (avis, contacts, articles) est géré via l'API Notion en temps réel, et les automatisations (emails, qualification prospects) tournent sur n8n. Découvrez ci-dessous comment chaque brique s'assemble.
La Stack Technique
Ce que vous voyez ici, c'est le vrai projet SlapIA ouvert dans VS Code. L'arborescence à gauche montre l'organisation du code : le dossier api/ contient les scripts backend (contact, live-counter, satisfaction), assets/ regroupe le CSS, les images, le JavaScript (carousel, matrix, calculateur ROI) et les fichiers de traduction (fr.json / en.json). Le fichier ouvert est justement le fichier de traduction française, où chaque clé correspond à un texte du site. Tout est structuré manuellement, sans framework lourd — du PHP vanilla pur et du JavaScript natif.
Notion comme Base de Données (CMS Headless)
Plutôt qu'une base SQL classique, nous utilisons Notion comme base de données en architecture Headless. La capture montre la base 'Contact SiteWeb' dans notre espace Notion, avec les colonnes : Prénom, Nom, Email, Message et Date de création.
Le fonctionnement :
1. Chaque formulaire de contact du site envoie les données directement dans cette base Notion via l'API.
2. Un script PHP se connecte à l'API Notion pour lire et écrire les données en temps réel.
3. Le site met en cache les résultats pour un affichage instantané.
Ce système sert aussi pour les avis clients, les articles et le suivi — tout est centralisé dans Notion, sans jamais toucher au code.
Les données sont centralisées. Mais qui les traite intelligemment ?
L'Agent IA Autonome (n8n)
Notre site intègre un agent IA conversationnel construit dans n8n. Quand un visiteur pose une question via le chat, le message est capté par un trigger et envoyé à un AI Agent propulsé par Google Gemini Flash.
Comment ça fonctionne :
1. L'agent dispose d'une mémoire conversationnelle (Simple Memory) pour garder le contexte de la discussion.
2. Il est connecté à 7 outils HTTP qui lui permettent de consulter en temps réel chaque page du site (Accueil, Formations, Entreprises, Expertise, Contact, How-it-works, Mentions légales).
3. L'agent analyse la question, interroge les bonnes pages, et formule une réponse personnalisée basée sur le contenu réel du site.
- Chat Trigger & AI Agent
- Google Gemini Flash
- 7 outils HTTP (pages du site)
L'agent IA répond. Mais les emails, eux aussi, sont automatisés.
Gestion des Emails Automatiques
Chaque interaction client déclenche un flux d'emails intelligents, entièrement automatisés via n8n. De la prise de contact jusqu'au remerciement final, aucun email n'est envoyé manuellement. Le système s'adapte à chaque étape du parcours client pour envoyer le bon message, au bon moment, à la bonne personne.
- #1 Formulaire Web — Dès qu'un prospect remplit le formulaire de contact, un email de notification est envoyé à l'équipe + un email de confirmation au client.
- #2 Inscription ERP — À l'inscription dans l'ERP Notion, un email de bienvenue est envoyé automatiquement si la prise de contact est validée.
- #3 Formulaire de satisfaction — Après la formation, un email de demande d'avis est envoyé automatiquement au client.
- #4 Publication & Remerciement — Quand l'avis est publié sur le site, un email de remerciement est envoyé au client avec un lien vers son témoignage.
Chaque email est envoyé automatiquement. Et les avis clients ?
Système d'Avis Vérifiés (Notion ERP)
La transparence est totale. Les avis affichés sur le site proviennent directement de nos clients via leur espace personnel sur notre ERP Notion. Aucune modération intermédiaire, juste la vérité du terrain. Dès qu'un client termine une formation et remplit son formulaire de satisfaction, le site est mis à jour.
Vérifiés par Notion
Envie de voir tout ça en action ? Parlons-en.
Prendre ContactLe Secret de la Matrice
Ce site cache une couche souterraine... Les développeurs le savent : le code est partout. Si vous voulez voir l'envers du décor, tapez le mot MATRIX maintenant. Attention, il n'y a pas de retour arrière.