Step 7 - Chatbot Demo Embedded on Website
Chatbot Demo Embedded on Website
Interact with our Streamlit + Vertex AI chatbot directly from this page!
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.comcan 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.