eeZfi Web Chat · Inline Embed

‹ Back

Inline embed Floating bubble Proactive engage Summarize page Summarize (iframe)

Render the eeZfi chat directly inside a page — a contact section, a help page, a sidebar. No SDK, no build step: paste the snippet, set the business id, done. Built for agencies to reuse across their clients.

The only thing you change: replace YOUR-BUSINESS-ID with the business's eeZfy hashtag (e.g. joes-diner) or its UniqueID. Find it on Admin → eeZfy QR Code — the QR there encodes the very same /eezfi/<id>/ethread URL. The host is pre-filled with this site below.

Inline embed

Drops the chat in-flow where you place the <iframe>. The optional script auto-grows the iframe to the chat's content height so there's no inner scrollbar.

HTML

<!-- eeZfi web chat — inline embed -->
<iframe
    src="https://YOUR-EEZFI-HOST/eezfi/YOUR-BUSINESS-ID/ethread"
    title="Chat with us"
    loading="lazy"
    style="width:100%;max-width:420px;height:640px;border:0;border-radius:16px;"></iframe>

<script>
  // Optional: auto-grow the iframe to the chat's content height.
  window.addEventListener('message', function (e) {
    if (!e.data || e.data.type !== 'eezfi:chat-height') return;
    var f = document.querySelector('iframe[src*="/ethread"]');
    if (f && e.source === f.contentWindow) {
      var h = parseInt(e.data.height, 10);
      if (h > 0 && h < 5000) f.style.height = h + 'px';
    }
  });
</script>

See it live (loads the demo sf business):

Theming (optional)

The chat already uses each business's saved theme (set on Admin → AI Handle → Chat Page Appearance). To override colors/fonts for a specific embed, append a URL-encoded ?theme= JSON object to the iframe src.

eeZfi · Front door to eZentral platform