Flow not working on android
1

Expected behavior The user should click the flow cta and the flow opens up

Actual Result On clicking the flow cta the whatsapp goes back to the chats list.

Flow Version : 5

Flow JSON

{
    "flow_message_version": "3",
    "flow_token": "flow-token",
    "flow_id": "flow-id",
    "flow_cta": "button-cta",
    "flow_action": "navigate",
    "mode": "published",
    "flow_action_payload": {
        "screen": "WELCOME",
        "data": {
            "label_welcome_title": "some text",
            "label_welcome_heading": "some text",
            "label_welcome_text_body": "some text",
            "label_welcome_text_why": "some text",
            "label_form_dd_locale": "some text",
            "label_form_name": "some text",
            "label_continue": "some text",
            "label_intervals_title": "some text",
            "label_days_title": "some text",
            "label_days_helper": "some text",
            "label_times_title": "some text",
            "label_summary_title": "some text",
            "label_dont_share_data": "some text",
            "label_marketing_opt_in": "some text",
            "label_confirm_signup": "some text",
            "label_done": "some text",
            "label_registration_complete_body": "some text\nsome text\nsome text\nsome text",
            "barberId": "some id",
            "barberName": "some text",
            "locales": [
                {
                    "id": "ar",
                    "title": "some text"
                },
                {
                    "id": "en",
                    "title": "some text"
                },
                {
                    "id": "ur",
                    "title": "some text"
                }
            ],
            "intervals": [
                {
                    "id": "1",
                    "title": "some text"
                },
                {
                    "id": "2",
                    "title": "some text"
                },
                {
                    "id": "0",
                    "title": "some text"
                }
            ],
            "times": [
                {
                    "id": "1",
                    "title": "morning"
                },
                {
                    "id": "2",
                    "title": "noon"
                },
                {
                    "id": "3",
                    "title": "evenning"
                }
            ]
        }
    }
}

Flow Template :

{
    "version": "5.0",
    "data_api_version": "3.0",
    "routing_model": {
        "WELCOME": [
            "SCHEDULE"
        ],
        "SCHEDULE": [
            "SUMMARY",
            "COMPLETE"
        ],
        "SUMMARY": [
            "COMPLETE"
        ],
        "COMPLETE": []
    },
    "screens": [
        {
            "id": "WELCOME",
            "title": "${data.label_welcome_title}",
            "data": {
                "label_welcome_title": {
                    "type": "string",
                    "__example__": "نعيما"
                },
                "barber_image": {
                    "type": "string",
                    "__example__": "image base64"
                },
                "label_welcome_heading": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_welcome_text_body": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_welcome_text_why": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_form_dd_locale": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_continue": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_form_name": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_intervals_title": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_days_title": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_days_helper": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_times_title": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_dont_share_data": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_marketing_opt_in": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_confirm_signup": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_summary_title": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_registration_complete_body": {
                    "type": "string",
                    "__example__": "some text"
                },
                "label_done": {
                    "type": "string",
                    "__example__": "some text"
                },
                "barberId": {
                    "type": "string",
                    "__example__": "some text"
                },
                "barberName": {
                    "type": "string",
                    "__example__": "some text"
                },
                "intervals": {
                    "type": "array",
                    "__example__": [
                        {
                            "id": "1",
                            "title": "some interval",
                            "description": "i'm description",
                            "metadata": ""
                        }
                    ],
                    "items": {
                        "type": "object",
                        "properties": {
                            "id": {
                                "type": "string"
                            },
                            "title": {
                                "type": "string"
                            },
                            "description": {
                                "type": "string"
                            },
                            "metadata": {
                                "type": "string"
                            }
                        }
                    }
                },
                "locales": {
                    "type": "array",
                    "__example__": [
                        {
                            "id": "ar",
                            "title": "some lang",
                            "description": "i'm description",
                            "metadata": ""
                        }
                    ],
                    "items": {
                        "type": "object",
                        "properties": {
                            "id": {
                                "type": "string"
                            },
                            "title": {
                                "type": "string"
                            },
                            "description": {
                                "type": "string"
                            },
                            "metadata": {
                                "type": "string"
                            }
                        }
                    }
                },
                "times": {
                    "type": "array",
                    "__example__": [
                        {
                            "id": "ar",
                            "title": "some time",
                            "description": "i'm description",
                            "metadata": ""
                        }
                    ],
                    "items": {
                        "type": "object",
                        "properties": {
                            "id": {
                                "type": "string"
                            },
                            "title": {
                                "type": "string"
                            },
                            "description": {
                                "type": "string"
                            },
                            "metadata": {
                                "type": "string"
                            }
                        }
                    }
                }
            },
            "layout": {
                "type": "SingleColumnLayout",
                "children": [
                    {
                        "type": "Image",
                        "height": 200,
                        "aspect-ratio": 16,
                        "scale-type": "cover",
                        "src": "${data.barber_image}"
                    },
                    {
                        "type": "TextHeading",
                        "text": "${data.label_welcome_heading}"
                    },
                    {
                        "type": "TextBody",
                        "text": "${data.label_welcome_text_body}"
                    },
                    {
                        "type": "TextBody",
                        "text": "${data.label_welcome_text_why}"
                    },
                    {
                        "type": "Dropdown",
                        "label": "${data.label_form_dd_locale}",
                        "name": "locale",
                        "data-source": "${data.locales}",
                        "required": true,
                        "init-value": "ar",
                        "on-select-action": {
                            "name": "data_exchange",
                            "payload": {
                                "trigger": "locale_selected",
                                "locale": "${form.locale}",
                                "barberId": "${data.barberId}",
                                "barberName": "${data.barberName}",
                                "barberImage": "${data.barber_image}"
                            }
                        }
                    },
                    {
                        "type": "Footer",
                        "label": "${data.label_continue}",
                        "on-click-action": {
                            "name": "navigate",
                            "next": {
                                "type": "screen",
                                "name": "SCHEDULE"
                            },
                            "payload": {}
                        }
                    }
                ]
            }
        },
        {
            "id": "SCHEDULE",
            "title": "Details",
            "data": {},
            "layout": {
                "type": "SingleColumnLayout",
                "children": [
                    {
                        "type": "Form",
                        "name": "personal_information",
                        "children": [
                            {
                                "type": "TextInput",
                                "label": "${screen.WELCOME.data.label_form_name}",
                                "name": "name",
                                "required": true
                            },
                            {
                                "type": "Dropdown",
                                "label": "${screen.WELCOME.data.label_intervals_title}",
                                "name": "interval",
                                "required": true,
                                "data-source": "${screen.WELCOME.data.intervals}"
                            },
                            {
                                "type": "If",
                                "condition": "${form.interval} == '0'",
                                "then": [
                                    {
                                        "type": "TextInput",
                                        "label": "${screen.WELCOME.data.label_days_title}",
                                        "required": true,
                                        "input-type": "number",
                                        "name": "days",
                                        "helper-text": "${screen.WELCOME.data.label_days_helper}"
                                    }
                                ]
                            },
                            {
                                "type": "Dropdown",
                                "label": "${screen.WELCOME.data.label_times_title}",
                                "name": "times",
                                "required": true,
                                "data-source": "${screen.WELCOME.data.times}"
                            },
                            {
                                "type": "OptIn",
                                "name": "marketing_opt_in",
                                "label": "${screen.WELCOME.data.label_marketing_opt_in}",
                                "required": false
                            },
                            {
                                "type": "OptIn",
                                "name": "share_my_data",
                                "label": "${screen.WELCOME.data.label_dont_share_data}",
                                "required": false
                            },
                            {
                                "type": "Footer",
                                "label": "${screen.WELCOME.data.label_continue}",
                                "on-click-action": {
                                    "name": "data_exchange",
                                    "payload": {
                                        "locale": "${screen.WELCOME.form.locale}",
                                        "trigger": "form-updated",
                                        "name": "${form.name}",
                                        "interval": "${form.interval}",
                                        "times": "${form.times}",
                                        "days": "${form.days}",
                                        "barberName": "${screen.WELCOME.data.barberName}"
                                    }
                                }
                            }
                        ]
                    }
                ]
            }
        },
        {
            "id": "SUMMARY",
            "title": "${screen.WELCOME.data.label_summary_title}",
            "data": {
                "summary_heading": {
                    "type": "string",
                    "__example__": "summary heading"
                },
                "summary_body": {
                    "type": "string",
                    "__example__": "summary body"
                }
            },
            "layout": {
                "type": "SingleColumnLayout",
                "children": [
                    {
                        "type": "TextHeading",
                        "text": "${data.summary_heading}"
                    },
                    {
                        "type": "TextBody",
                        "text": "${data.summary_body}"
                    },
                    {
                        "type": "Footer",
                        "label": "${screen.WELCOME.data.label_continue}",
                        "on-click-action": {
                            "name": "navigate",
                            "next": {
                                "type": "screen",
                                "name": "COMPLETE"
                            },
                            "payload": {}
                        }
                    }
                ]
            }
        },
        {
            "id": "COMPLETE",
            "title": "completed",
            "terminal": true,
            "success": true,
            "layout": {
                "type": "SingleColumnLayout",
                "children": [
                    {
                        "type": "TextBody",
                        "text": "${screen.WELCOME.data.label_registration_complete_body}"
                    },
                    {
                        "type": "Footer",
                        "label": "${screen.WELCOME.data.label_done}",
                        "on-click-action": {
                            "name": "complete",
                            "payload": {
                                "trigger": "customer-registration-completed",
                                "barberId": "${screen.WELCOME.data.barberId}",
                                "barberName": "${screen.WELCOME.data.barberName}",
                                "locale": "${screen.WELCOME.form.locale}",
                                "name": "${screen.SCHEDULE.form.name}",
                                "interval": "${screen.SCHEDULE.form.interval}",
                                "days": "${screen.SCHEDULE.form.days}",
                                "times": "${screen.SCHEDULE.form.times}",
                                "marketing_opt_in": "${screen.SCHEDULE.form.marketing_opt_in}",
                                "share_my_data": "${screen.SCHEDULE.form.share_my_data}",
                                "flow_name": "customer-new-schedule"
                            }
                        }
                    }
                ]
            }
        }
    ]
}
Speero
Asked on Tuesday
Selected Answer
1

Hi Speero, We noticed that the "barber_image" parameter is missing from flow_action_payload and is expected in the first screen's "data". Can you please try to add that and check if you are able to open the flow?

If not, can you share your Flow ID?

October 9 at 11:24 AM
Vasudha