+91 9873530045
admin@learnwithfrahimcom
Mon - Sat : 09 AM - 09 PM

Step 7 - Chatbot Demo Embedded on Website

Chatbot Demo on My Website

Chatbot Demo Embedded on Website

Interact with our Streamlit + Vertex AI chatbot directly from this page!

Chatbot Icon

Live Chatbot

The chatbot runs on Streamlit Cloud / Cloud Run and is embedded below using an <iframe>. You can interact just like a native app.

Why iframe?

  • Your hosting may only support HTML/PHP/JS — Python/Streamlit cannot run directly on standard shared hosting.
  • iframe lets you display a remote app (Streamlit Cloud or Cloud Run) inside your website seamlessly.
  • Users see a native-like experience while the Python backend runs in the cloud.

Alternative Options

  • Subdomain: Example chat.yourdomain.com can point to Cloud Run deployment URL using CNAME or proxy.
  • Custom front-end: Create HTML/JS front-end and connect to Python backend via API (more advanced; allows full UI customization).
  • Cloud Run / VPS: Run Python on a server you control and embed iframe or proxy it to your domain.
Tip: Using Cloud Run with a custom domain is ideal for professional demos and office sharing.

Quick Checklist for Website Integration

  • ✅ Deploy your Streamlit chatbot on Cloud Run or Streamlit Cloud.
  • ✅ Ensure chatbot URL is public and accessible.
  • ✅ Embed the URL using iframe or link it via a button.
  • ✅ Optionally use a subdomain for a cleaner URL.
  • ✅ Test from multiple browsers to ensure the iframe loads properly.
Streamlit + Vertex AI Chatbot Integration — Website Demo