Widget Above the IM_TEXTAREA Input Field

Scope: im

You can add your item to the panel above the message input field.

The Widget code is specified in the PLACEMENT parameter of the placement.bind method.

The widget will not be displayed in the interface until the application installation is complete. Check the application installation

Widget Code	Location
`IM_TEXTAREA`	Item in the panel above the input field

Where to Find It in the Interface

Open the chat and scroll to the bottom of the window where the message input field is located. In the bottom right corner of the input field, open the application panel. The application item with PLACEMENT=IM_TEXTAREA can be found in this panel.

What the Handler Receives

Data is transmitted as a POST request

Array
        (
            [DOMAIN] => xxx.bitrix24.com
            [PROTOCOL] => 1
            [LANG] => de
            [APP_SID] => 99c80eff6378726287350416ee5fef0
            [AUTH_ID] => 6061e72600631fcd00005a4b00000001f0f1076700000000f69dd5fc643d9ce2fdbc1
            [AUTH_EXPIRES] => 3600
            [REFRESH_ID] => 50e00aa340631fcd00005a4b00000001f0f1071111116580a5b83c2de639ef28c12
            [member_id] => da45a03b265ed12127f8a258d793cc5d
            [status] => F
            [PLACEMENT] => IM_TEXTAREA
            [PLACEMENT_OPTIONS] => {"dialogId":"chat1489"}
        )

Required parameters are marked with *

Parameter `type`	Description
DOMAIN* `string`	The Bitrix24 address where the widget handler was invoked
PROTOCOL* `string`	Secure or non-secure HTTP protocol: `0` - HTTP `1` - HTTPS
LANG* `string`	The user interface language of Bitrix24 that invoked the widget. You can localize the interface language in your widget based on this value
APP_SID `string`	String identifier of the application that registered the widget handler
AUTH_ID `string`	Authorization token OAuth 2 issued for the user who invoked the widget. Can be used for REST API calls on behalf of this user
AUTH_EXPIRES `integer`	Time in seconds after which the authorization token will become invalid
REFRESH_ID `string`	Refresh token OAuth 2 issued for the user who invoked the widget. Can be used to refresh the authorization token on behalf of this user
member_id* `string`	Unique string identifier of Bitrix24 where the widget handler was invoked.
status `string`	Type of application that registered the handler for this widget. Accepts values: `L` - local application `F` - free mass-market application
PLACEMENT* `string`	Code for the widget embedding location. You can use the same handler URL for all your widgets. The value that Bitrix24 will report in the `PLACEMENT` parameter will help determine from which specific widget embedding location your handler was invoked in each case
PLACEMENT_OPTIONS `string`	Additional data in the form of a JSON string that defines the context of the widget execution. For example, this could be an array containing the numeric identifier of the CRM entity in the detail form where the widget handler was invoked, etc. The `PLACEMENT_OPTIONS` parameter, along with the `PLACEMENT` parameter, allows you to accurately determine for which specific widget embedding location and object the widget handler was invoked.

PLACEMENT_OPTIONS

The value of PLACEMENT_OPTIONS is passed as a JSON string with the context of the call.

For IM_TEXTAREA, the following key is passed in the context:

dialogId — the identifier of the current chat

OPTIONS When Registering via placement.bind

For IM_TEXTAREA, the placement.bind method supports OPTIONS parameters.

Required parameters are marked with *

Parameter `type`	Description
iconName* `string`	Label of the item in the interface. Up to 50 characters, Latin letters, spaces, and `-` are allowed
extranet `string`	Access in the extranet, default is `N`. Possible values: `N` — application is not available for extranet users `Y` — application is available for extranet users
context `string`	Display context, default is `ALL`. Multiple values can be passed using `;`. Possible values: `ALL` — all chats `USER` — personal chats of users, excluding chats with bots `CHAT` — group chats, excluding `LINES` and `CRM` `LINES` — open channel chats `CRM` — chats created within CRM If `ALL` is passed along with other values, only `ALL` is used. An invalid value will cause a registration error
role `string`	User role, default is `USER`. Possible values: `USER` — application is available to all users `ADMIN` — application is available only to portal administrators
color `string`	Icon color from the IM palette. Possible values: `RED` — red `GREEN` — green `MINT` — mint `LIGHT_BLUE` — light blue `DARK_BLUE` — dark blue `PURPLE` — purple `AQUA` — aqua `PINK` — pink `LIME` — lime `BROWN` — brown `AZURE` — azure `KHAKI` — khaki `SAND` — sand `ORANGE` — orange `MARENGO` — marengo `GRAY` — gray `GRAPHITE` — graphite
width `integer`	Width of the block in percentage, default is `100`, value must be greater than or equal to `0`
height `integer`	Height of the block in percentage, default is `100`, value must be greater than or equal to `0`

Code Examples

How to Use Examples in Documentation

cURL (OAuth)

PHP

BX24.js

PHP CRest

curl -X POST \
          -H "Content-Type: application/json" \
          -H "Accept: application/json" \
          -d '{
            "PLACEMENT": "IM_TEXTAREA",
            "HANDLER": "https://your-domain.com/widgets/im-textarea-handler.php",
            "TITLE": "My toolbar item",
            "LANG_ALL": {
              "de": {
                "TITLE": "Mein Toolbar-Element"
              },
              "en": {
                "TITLE": "My toolbar item"
              }
            },
            "OPTIONS": {
              "iconName": "chat-compose",
              "context": "ALL",
              "role": "USER",
              "extranet": "N",
              "color": "LIGHT_BLUE",
              "width": 100,
              "height": 100
            },
            "auth": "**put_access_token_here**"
          }' \
          https://**put_your_bitrix24_address**/rest/placement.bind

try
        {
            const response = await $b24.callMethod(
                'placement.bind',
                {
                    PLACEMENT: 'IM_TEXTAREA',
                    HANDLER: 'https://your-domain.com/widgets/im-textarea-handler.php',
                    TITLE: 'My toolbar item',
                    LANG_ALL: {
                        de: {
                            TITLE: 'Mein Toolbar-Element',
                        },
                        en: {
                            TITLE: 'My toolbar item',
                        }
                    },
                    OPTIONS: {
                        iconName: 'chat-compose',
                        context: 'ALL',
                        role: 'USER',
                        extranet: 'N',
                        color: 'LIGHT_BLUE',
                        width: 100,
                        height: 100,
                    }
                }
            );
        
            const result = response.getData().result;
            if (result.error())
                console.error(result.error());
            else
                console.info(result.data());
        }
        catch (error)
        {
            console.error('Error:', error);
        }

try {
            $response = $b24Service
                ->core
                ->call(
                    'placement.bind',
                    [
                        'PLACEMENT' => 'IM_TEXTAREA',
                        'HANDLER' => 'https://your-domain.com/widgets/im-textarea-handler.php',
                        'TITLE' => 'My toolbar item',
                        'LANG_ALL' => [
                            'de' => [
                                'TITLE' => 'Mein Toolbar-Element',
                            ],
                            'en' => [
                                'TITLE' => 'My toolbar item',
                            ],
                        ],
                        'OPTIONS' => [
                            'iconName' => 'chat-compose',
                            'context' => 'ALL',
                            'role' => 'USER',
                            'extranet' => 'N',
                            'color' => 'LIGHT_BLUE',
                            'width' => 100,
                            'height' => 100,
                        ],
                    ]
                );
        
            $result = $response->getResponseData()->getResult();
            if ($result->error()) {
                error_log($result->error());
            } else {
                echo 'Success: ' . print_r($result->data(), true);
            }
        } catch (Throwable $e) {
            error_log($e->getMessage());
            echo 'Error binding placement: ' . $e->getMessage();
        }

BX24.callMethod(
            'placement.bind',
            {
                PLACEMENT: 'IM_TEXTAREA',
                HANDLER: 'https://your-domain.com/widgets/im-textarea-handler.php',
                TITLE: 'My toolbar item',
                LANG_ALL: {
                    de: { TITLE: 'Mein Toolbar-Element' },
                    en: { TITLE: 'My toolbar item' }
                },
                OPTIONS: {
                    iconName: 'chat-compose',
                    context: 'ALL',
                    role: 'USER',
                    extranet: 'N',
                    color: 'LIGHT_BLUE',
                    width: 100,
                    height: 100
                }
            },
            function(result) {
                if (result.error()) {
                    console.error(result.error());
                } else {
                    console.log(result.data());
                }
            }
        );

require_once('crest.php');
        
        $result = CRest::call(
            'placement.bind',
            [
                'PLACEMENT' => 'IM_TEXTAREA',
                'HANDLER' => 'https://your-domain.com/widgets/im-textarea-handler.php',
                'TITLE' => 'My toolbar item',
                'LANG_ALL' => [
                    'de' => [
                        'TITLE' => 'Mein Toolbar-Element',
                    ],
                    'en' => [
                        'TITLE' => 'My toolbar item',
                    ],
                ],
                'OPTIONS' => [
                    'iconName' => 'chat-compose',
                    'context' => 'ALL',
                    'role' => 'USER',
                    'extranet' => 'N',
                    'color' => 'LIGHT_BLUE',
                    'width' => 100,
                    'height' => 100,
                ],
            ]
        );
        
        echo '<PRE>';
        print_r($result);
        echo '</PRE>';

Continue Learning

Widgets in Messenger

Sidebar Widget

Widget Above the IM_TEXTAREA Input Field

Where the Widget is EmbeddedWhere the Widget is Embedded

Where to Find It in the InterfaceWhere to Find It in the Interface

What the Handler ReceivesWhat the Handler Receives

PLACEMENT_OPTIONSPLACEMENT_OPTIONS

OPTIONS When Registering via placement.bindOPTIONS When Registering via placement.bind

Code ExamplesCode Examples

Continue LearningContinue Learning

Where the Widget is Embedded