Working with Keyboards
If you are developing integrations for Bitrix24 using AI tools (Codex, Claude Code, Cursor), connect to the MCP server so that the assistant can utilize the official REST documentation.
KEYBOARD adds interactive buttons to a message: link navigation, command execution, text substitution in the input field, and other actions.
The keyboard is passed in the KEYBOARD parameter when sending or updating a message: im.message.add, im.message.update.
Minimum Structure
KEYBOARD.BUTTONS— array of buttonsTEXT— button text- one action:
LINKorACTION+ACTION_VALUEorCOMMAND
Example of Sending a Message with a Keyboard
How to Use Examples in Documentation
cURL (Webhook)
cURL (OAuth)
JS (TS)
JS (UMD)
PHP
BX24.js
PHP CRest
curl -X POST \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-d '{"DIALOG_ID":"chat2725","MESSAGE":"Select an action","KEYBOARD":{"BUTTONS":[{"TEXT":"Open website","LINK":"https://www.example.com/"},{"TYPE":"NEWLINE"},{"TEXT":"Insert command","ACTION":"PUT","ACTION_VALUE":"/help"}]}}' \
https://**put_your_bitrix24_address**/rest/**put_your_user_id_here**/**put_your_webhook_here**/im.message.add
curl -X POST \
-H "Content-Type: application/json" \
-H "Accept: application/json" \
-d '{"DIALOG_ID":"chat2725","MESSAGE":"Select an action","KEYBOARD":{"BUTTONS":[{"TEXT":"Open website","LINK":"https://www.example.com/"},{"TYPE":"NEWLINE"},{"TEXT":"Insert command","ACTION":"PUT","ACTION_VALUE":"/help"}]},"auth":"**put_access_token_here**"}' \
https://**put_your_bitrix24_address**/rest/im.message.add
// This snippet is an ES module: top-level await requires type="module" or a bundler.
// $b24 is an already-initialized SDK instance (see the SDK "Get started" guide).
import { Text } from '@bitrix24/b24jssdk'
import type { B24Frame } from '@bitrix24/b24jssdk'
declare const $b24: B24Frame
try {
const response = await $b24.actions.v2.call.make<number>({
method: 'im.message.add',
params: {
DIALOG_ID: 'chat2725',
MESSAGE: 'Choose an action',
KEYBOARD: {
BUTTONS: [
{ TEXT: 'Open site', LINK: 'https://www.example.ru/' },
{ TYPE: 'NEWLINE' },
{ TEXT: 'Insert command', ACTION: 'PUT', ACTION_VALUE: '/help' },
],
},
},
requestId: Text.getUuidRfc4122()
})
// The payload is available only on a successful response
if (!response.isSuccess) {
console.error(response.getErrorMessages().join('; '))
} else {
const result = response.getData()!.result
console.info('Created message ID:', result)
}
} catch (error) {
// Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
console.error(error)
}
<!-- Load the SDK (UMD build); it is exposed as the global B24Js -->
<script src="https://unpkg.com/@bitrix24/b24jssdk@1/dist/umd/index.min.js"></script>
<script>
async function sendMessageWithKeyboard() {
try {
// Initialize the SDK inside a Bitrix24 frame
const $b24 = await B24Js.initializeB24Frame()
const response = await $b24.actions.v2.call.make({
method: 'im.message.add',
params: {
DIALOG_ID: 'chat2725',
MESSAGE: 'Choose an action',
KEYBOARD: {
BUTTONS: [
{ TEXT: 'Open site', LINK: 'https://www.example.ru/' },
{ TYPE: 'NEWLINE' },
{ TEXT: 'Insert command', ACTION: 'PUT', ACTION_VALUE: '/help' },
],
},
},
requestId: B24Js.Text.getUuidRfc4122()
})
// The payload is available only on a successful response
if (!response.isSuccess) {
console.error(response.getErrorMessages().join('; '))
return
}
const result = response.getData().result
console.info('Created message ID:', result)
} catch (error) {
// Thrown on transport or SDK failures (AjaxError, SdkError, etc.)
console.error(error)
}
}
document.addEventListener('DOMContentLoaded', sendMessageWithKeyboard)
</script>
try {
$response = $b24Service
->core
->call(
'im.message.add',
[
'DIALOG_ID' => 'chat2725',
'MESSAGE' => 'Select an action',
'KEYBOARD' => [
'BUTTONS' => [
['TEXT' => 'Open website', 'LINK' => 'https://www.example.com/'],
['TYPE' => 'NEWLINE'],
['TEXT' => 'Insert command', 'ACTION' => 'PUT', 'ACTION_VALUE' => '/help'],
],
],
]
);
$result = $response
->getResponseData()
->getResult();
echo 'Created message ID: ' . $result;
} catch (Throwable $e) {
error_log($e->getMessage());
echo 'Error: ' . $e->getMessage();
}
BX24.callMethod(
'im.message.add',
{
DIALOG_ID: 'chat2725',
MESSAGE: 'Select an action',
KEYBOARD: {
BUTTONS: [
{ TEXT: 'Open website', LINK: 'https://www.example.com/' },
{ TYPE: 'NEWLINE' },
{ TEXT: 'Insert command', ACTION: 'PUT', ACTION_VALUE: '/help' },
],
},
},
function(result) {
if (result.error()) {
console.error(result.error().ex);
} else {
console.log(result.data());
}
}
);
require_once('crest.php');
$result = CRest::call(
'im.message.add',
[
'DIALOG_ID' => 'chat2725',
'MESSAGE' => 'Select an action',
'KEYBOARD' => [
'BUTTONS' => [
['TEXT' => 'Open website', 'LINK' => 'https://www.example.com/'],
['TYPE' => 'NEWLINE'],
['TEXT' => 'Insert command', 'ACTION' => 'PUT', 'ACTION_VALUE' => '/help'],
],
],
]
);
print_r($result);
The current documentation on keyboards can be found in the Chatbots 2.0 section:
Continue Learning
Was the article helpful?
Previous