Solei tutor — embed code

Paste this code into any website where the tutor should appear. Visitors can type or speak their question, and Solei answers out loud — no account needed. The frame sizes itself to fit the conversation.

<!-- American TESOL — Solei tutor -->
<div id="ati-avatar"></div>
<script>
  (function () {
    var host = document.getElementById('ati-avatar');
    if (!host) return;

    var frame = document.createElement('iframe');
    frame.src = 'https://americantesol.base44.app/embed/avatar';
    frame.title = 'Solei — American TESOL tutor';
    frame.loading = 'lazy';
    frame.allow = 'microphone';
    frame.style.width = '100%';
    frame.style.border = '0';
    frame.style.display = 'block';
    frame.style.height = '640px';
    host.appendChild(frame);

    // The tutor reports its own height so the frame always fits its content.
    window.addEventListener('message', function (event) {
      if (event.data && event.data.type === 'ati-avatar-height') {
        frame.style.height = event.data.height + 'px';
      }
    });
  })();
</script>