Google Chat / Hangouts - Custom Card Message

[jessicavegasmua2753]

Is there a guide for how to create a custom card message in Google Chats? I essentially want to alert my team to a new client booking and ask them to confirm their availability to facilitate this booking. This is the code that the Google card generator has given me (all red text will be mapped data). How do I set this up?

{
"header": {
"title": "Card Title",
"subtitle": "Card Subtitle",
"imageUrl": "https://i.ibb.co/C777gxP/JV-Logo-transparent.png",
"imageType": "SQUARE"
},
"sections": [
{
"header": "Section Header",
"collapsible": true,
"uncollapsibleWidgetsCount": 3,
"widgets": [
{
"buttonList": {
"buttons": [
{
"text": "Event Details",
"type": "OUTLINED",
"onClick": {
"openLink": {
"url": "

http://

http://[COLOR=rgb(184, 49, 47)]https://developers.google.com/chat/ui/widgets/button-list[/COLOR]

"
}
}
}
]
}
},
{
"selectionInput": {
"name": "size",
"label": "Size",
"type": "CHECK_BOX",
"items": [
{
"text": "Available",
"value": "available",
"selected": false
},
{
"text": "Not Available",
"value": "not available",
"selected": false
}
]
}
}
]
}
]
}

 

[jessicavegasmua2753]

{
"header": {
"title": "Card Title",
"subtitle": "Card Subtitle",
"imageUrl": "https://i.ibb.co/C777gxP/JV-Logo-transparent.png",
"imageType": "SQUARE"
},
"sections": [
{
"header": "Section Header",
"collapsible": true,
"uncollapsibleWidgetsCount": 3,
"widgets": [
{
"buttonList": {
"buttons": [
{
"text": "Outlined",
"type": "OUTLINED",
"onClick": {
"openLink": {
"url": "https://developers.google.com/chat/ui/widgets/button-list"
}
}
}
]
}
},
{
"selectionInput": {
"name": "size",
"label": "Size",
"type": "CHECK_BOX",
"items": [
{
"text": "Available",
"value": "available",
"selected": false
},
{
"text": "Not Available",
"value": "not available",
"selected": false
}
]
}
}
]
}
]
}

 

[ArshilAhmad]

Hi @jessicavegasmua2753,

Please try using the 'Create Custom Card Message' action step and check if it helps you achieve your use case.

 

[jessicavegasmua2753]

Hi @jessicavegasmua2753,

Please try using the 'Create Custom Card Message' action step and check if it helps you achieve your use case.
View attachment 52437

I have followed these steps but every time I try and customised the card (even editing the workflow template linked in the YouTube video), I get errors. I just want to remove one of the buttons but it won’t work. It says something about the JSON payload. Can you advise a correct custom section that only has the 1 button?

 

[ArshilAhmad]

Pabbly

connect.pabbly.com

We have made some changes to the 'Custom Section', which seem to have resolved your issue. Please review step 6 of this workflow.