FlowWidget Test & Embed Guide
Use this page to verify your FlowWidget integration and copy production-ready embed snippets.
Dynamic siteid from URL supported
Fallback siteid: 1234567890
HTTPS-safe embed
What this page is doing
The widget script on this page reads trsiteid or siteid from the URL. If neither is valid, it uses 1234567890.
?trsiteid=7020130521357
?siteid=7020130521357
Embed code to place on your website
Place this just before the closing </body> tag on every page where you want chat available.
<script>
(function(){
var s = document.createElement('script');
s.src = 'https://flow.imsupporting.com/popover_assets/js/flowwidget.js';
s.defer = true;
s.dataset.siteid = 'YOUR_SITE_ID';
s.dataset.dept = '';
s.dataset.cfasync = 'false';
document.body.appendChild(s);
})();
</script>
Where to add it
- Preferred: global layout/footer template so it loads on all pages.
- Alternative: only selected pages (support, checkout, account pages).
- Use one embed only; do not include duplicate widget scripts.
Security / HTTPS / CSP rules
1) HTTPS only
- Your site should be served over HTTPS.
- Always use the widget URL with https://.
- If your site is HTTPS and widget is HTTP, browsers will block it (mixed-content).
2) CSP allowlist (if you use Content Security Policy)
Content-Security-Policy:
script-src 'self' https://flow.imsupporting.com;
connect-src 'self' https://flow.imsupporting.com https://dashboard.imsupporting.com;
frame-src https://flow.imsupporting.com https://dashboard.imsupporting.com;
img-src 'self' data: https://flow.imsupporting.com https://dashboard.imsupporting.com;
style-src 'self' 'unsafe-inline' https://flow.imsupporting.com;
Adjust your CSP to match your existing policy model. Start strict, then add only the required domains/directives.
Quick troubleshooting
- Widget not showing: check browser console for CSP or mixed-content errors.
- Wrong tenant data: confirm your siteid is correct and numeric.
- Widget appears twice: ensure script is not injected both in layout and page-level code.
Tip: Open developer console and look for [FlowWidget Example] Using siteid: to confirm the actual siteid being used.