Dialogflow CX Forms using custom payload

Google Cloud Build with AI Conversational Agents (Dialogflow CX)
1

Screenshot 2024-06-03 121423.png
Screenshot 2024-06-03 121423.png428×815 21.1 KB

I made this form using custom payload rich contents, I had pasted the JSON code below, here in that JSON code, for {type: input}, it is not showing the form, just for {type: info}, it is showing the static data to represent, the user on the other end was not able to enter the data in the forms. So, could anyone suggest how to solve this issue.

{
  "richContent": [
    [
      {
        "type": "description",
        "text": [
          "Fill out the form below"
        ],
        "title": "Please enter your details"
      },
      {
        "type": "info",
        "actionLink": "input",
        "subtitle": "Please enter your name",
        "key": "name",
        "inputType": "text",
        "title": "Name"
      },
      {
        "title": "Phone Number",
        "subtitle": "Please enter your phone number",
        "inputType": "tel",
        "key": "phone_number",
        "actionLink": "input",
        "type": "info"
      },
      {
        "title": "Email",
        "actionLink": "input",
        "subtitle": "Please enter your email",
        "type": "info",
        "inputType": "email",
        "key": "email"
      },
      {
        "event": {
          "languageCode": "en",
          "name": "submitForm"
        },
        "type": "button",
        "text": "Submit"
      }
    ]
  ]
}
2

Hi, the property inputType does not exist. The format (forms) that you are trying does not exist. Dialogflow CX does not support forms. You will need to create a custom template: https://cloud.google.com/dialogflow/cx/docs/concept/integration/dialogflow-messenger/fulfillment#custom_template_response_type

3

What do you mean by Custom Template? Will the form be rendered inside the chat interface?