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"
}
}
}
]
}
}
]
}
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?