I'm embedding a Retool application within a Chatwoot Dashboard App, following their guide here: How to use Dashboard Apps? | User Guide | Chatwoot.
I'm encountering issues with postMessage
communication in both directions:
- Retool App to Chatwoot (Parent Window):
- I'm using
parent.postMessage('chatwoot-dashboard-app:fetch-info', '*')
in a Retool JS Query. - While my browser console shows the
postMessage
call executing from Retool, Chatwoot does not appear to receive or process these messages.
- Chatwoot (Parent Window) to Retool App:
- I have a
window.addEventListener("message", ...)
listener set up in my Retool App'sPreloaded JavaScript
to receive context data (e.g.,appContext
events) from Chatwoot. - Despite triggering actions in Chatwoot that should send messages (like switching conversations, or manual
postMessage
attempts from Chatwoot's console), the Retool App's console shows no logs from my listener, indicating no messages are being received.
Could there be any specific Retool configurations, iframe restrictions, or common pitfalls when embedding in Chatwoot that could explain these communication failures?