Intégration iframe AGO – Office du Viager

Cette page montre comment intégrer le chatbot AGO directement dans une iframe sur votre site.

1. Démo : chatbot en iframe

2. Code d'intégration

Copiez ce code HTML pour intégrer le chatbot en iframe :

<iframe
  id="ago-iframe"
  src="https://officeduviager.useago.com/embed/"
  allow="clipboard-read; clipboard-write; microphone"
  title="AGO Chatbot"
  style="width: 500px; height: 600px; border: none; border-radius: 12px;"
></iframe>

<script>
  var iframe = document.getElementById("ago-iframe");
  iframe.addEventListener("load", function () {
    setTimeout(function () {
      iframe.contentWindow.postMessage(
        {
          type: "INIT_CHAT",
          title: "Office du Viager",
          prompt: "Bonjour, comment puis-je vous aider ?",
          hideFooter: false,
          colors: {},
        },
        "https://officeduviager.useago.com"
      );
    }, 100);
  });
</script>

3. Paramètres d'URL disponibles

https://officeduviager.useago.com/embed/
  ?email=visiteur@example.com              // Email du visiteur (optionnel)

4. Exemple responsive (pleine largeur)

<div style="width: 100%; max-width: 500px; height: 600px; margin: 0 auto;">
  <iframe
    id="ago-iframe"
    src="https://officeduviager.useago.com/embed/"
    allow="clipboard-read; clipboard-write; microphone"
    title="AGO Chatbot"
    style="width: 100%; height: 100%; border: none;"
  ></iframe>
</div>