Error using live canvas on Messenger Home


#1

Im trying to use a live canvas on the messenger home.

This is my current request flow

configure_url returns:

{
    "results": {
        "limit": "5"
    }
}

initialize_url returns:

{
    "canvas": {
        "content_url": "https://<my-app>.ngrok.io/api/webhook/intercom/content?location=home",
        "stored_data": {
            "limit": "5"
        }
    }
}

content_url returns:

{
    "version": "0.1",
    "components": [
        {
            "type": "text",
            "style": "header",
            "text": "hello from live canvas"
        }
    ]
}

The configure and initialize requests seem to succeed and are only called once. where as it requests that same content url a total of 6 times then displays:
“Messenger App couldn’t be loaded”

Can anyone see anything obvious that I doing?


#2

@jonas you’re missing the content section in your content_url

{
   "content": {
      "version": "0.1",
      "components": [
         {
            "type": "text",
            "style": "header",
            "text": "hello from live canvas"
         }
       ]
   }
}