Buttons

Enhance your user interactions with Flexito's versatile button options. Whether you need to initiate a call, redirect to a URL, or trigger specific actions, these buttons offer seamless integration and customisation for your digital communication needs.

Flexito allows you to use buttons for different purposes: making calls, opening URLs, or navigating to nodes. You can assign custom actions to buttons, but these actions are only applicable to URL and node button types. Ensure that actions follow the specified format and restrictions outlined in the Actions format.

{ "version": "v1", "content": { "messages": [ { "type": "text", "text": "simple text", "buttons": [ { "type": "url", "caption": "External link", "url": "", }, { ...Another buttons } ] }, { ...Another messages } ], "actions": [ //optional { "action": "add_tag", "tag_name": "example tag" }, { ...Another actions } ], "quick_replies": [ //optional { "type": "node", "caption": "Quick reply text", "target": "My Content" }, { ...Another quick replies } ] } }

Call Button

{ "version": "v1", "content": { "messages": [ { "type": "text", "text": "simple text with button", "buttons": [ { "type": "call", "caption": "Call me", "phone": " (tel:)" } ] } ], "actions": [], "quick_replies": [] } }

URL Button

You can choose from three webview sizes:

full - (100%),

medium - (75%),

compact - (50%)

Both the webview size and actions properties are optional.

{ "version": "v1", "content": { "messages": [ { "type": "text", "text": "simple text with button", "buttons": [ { "type": "url", "caption": "External link", "url": "", "webview_size": "full", "actions": [] //optional } ] } ], "actions": [], "quick_replies": [] } }

Go to Node Button

The actions property is optional for this button type.

{ "version": "v1", "content": { "messages": [ { "type": "text", "text": "simple text with button", "buttons": [ { "type": "node", "caption": "Show", "target": "My Content", "actions": [] //optional } ] } ], "actions": [], "quick_replies": [] } } The target key must link to an existing node within the executed flow. The node name is found in its header, and you must use a unique name for the node linked with the button. If multiple nodes have similar names in the same flow, the transition may not work as expected. Note that "Go to Node" buttons are not supported in the Public API.

Dynamic Block Callback Button

The "headers" and "payload" properties are optional.

{ "version": "v1", "content": { "messages": [ { "type": "text", "text": "simple text with button", "buttons": [ { "type": "dynamic_block_callback", "caption": "Dynamic content", "url": "", "method": "post", "headers": { "x-header": "value" }, "payload": { "key": "value" } } ] } ], "actions": [], "quick_replies": [] } } The dynamic_block_callback functions like a dynamic block in a content node. It sends a request to the server when clicked, and the server's response is delivered to the user. Ensure the external server URL uses the HTTPS protocol.